Main image is jumping issue

[orhl1234]

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

[dexter845]

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.

[orhl1234]

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

Can you tell why?

[dexter845]

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

[orhl1234]

https://eipa2wjuvs58ws09-52839809193.shopifypreview.com

thanks you

[dexter845]

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

[orhl1234]

https://ovnt7sy3bvdweir8-52839809193.shopifypreview.com

good now?