Main image is jumping issue

Store Design
, , , , , ,
1

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.com

2

dexter845_0-1722847659925.png
dexter845_0-1722847659925.png832×198 21.2 KB

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.

3

I removed it now completely and it is still not working.

Can you tell why?

4

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

5

https://eipa2wjuvs58ws09-52839809193.shopifypreview.com

thanks you

6

Can you send the link in the following format:
storename.myshopify.com?preview_theme_id=themeid

dexter845_0-1723663235378.png
dexter845_0-1723663235378.png3440×2054 157 KB

7

https://ovnt7sy3bvdweir8-52839809193.shopifypreview.com

good now?