Prevent content shifting during page load of edge.ghost.io

Developer help
1

When https://edge.ghost.io/ loads, you’ll notice the images shift upwards. This happens on my own site where I’ve only got 8 or so images on the page, and I’ve tried several things to prevent it from happening, including changing the feed.css file from the theme to include fixed width and height for the images.

.post-feed .post-image {
    width: 300px;
    height: 374px;
}

I would prefer that the page loads with the images in place and not shift around. Any advice on how to accomplish this would be greatly appreciated :slightly_smiling_face:

2

For anyone else who stumbles on this or a similar problem, I am finding this page useful: Cumulative Layout Shift (CLS) (Cumulative Layout Shift from Google’s Web Vitals)

Although I am yet to solve this specific issue with the Edge theme.