How to avoid loading glitch (html moves as site loads)?

Here is my site Read-Only: https://preview.webflow.com/preview/dvianna-2?utm_medium=preview_link&utm_source=designer&utm_content=dvianna-2&preview=b4dbb15369ccb45501a8b529f088e359&mode=preview

When the site loads the image is loaded after the text, but then the image is loaded after, then the hero shifts because of that

What can I do to improve this?

If an element is set to display:none as its initial state in IX2 the element won’t be visible on load. You then change the display property when it is time to show it.

1 Like