When the page loads the main image jumps for a second and than comes back to normal. Why is that? I was told that it needs to be on “lazzy” mode instead of native, but I want to stay on native to keep efficiency. How could I fix that with code? https://whnvfi2z4j20q0dn-52839809193.shopifypreview…

[dexter845_0-1722847659925.png] You have added the style tag after the content. So the content loads first and then your css does it’s job. This object-postion: center center; needs to be loaded before the image. Try moving the style tag at the end of your section file to the very top.

I removed it now completely and it is still not working. Can you tell why?

The preview link has expired. Can you share it again?

https://eipa2wjuvs58ws09-52839809193.shopifypreview.com thanks you

Can you send the link in the following format: storename.myshopify.com?preview_theme_id=themeid [dexter845_0-1723663235378.png]

Main image is jumping issue

Store Design

orhl1234 August 16, 2024, 4:00pm 7

https://ovnt7sy3bvdweir8-52839809193.shopifypreview.com

good now?

Topic		Replies	Views
How to fix - Largest Contentful Paint image was lazily loaded Shopify Discussion shop-performance	3	46	March 24, 2023
Why are my homepage images loading incorrectly? Technical Q&A	6	49	February 11, 2021
Why do images on my blog page overlap inconsistently? Store Design	3	28	March 3, 2021
Largest Contentful Paint image was lazily loaded Technical Q&A Technical-Seo	7	68	June 6, 2023
Image not showing when sharing links Technical Q&A	1	33	July 28, 2025

Main image is jumping issue

Related topics