Images Rendering Weird In Live But Fine In Preview

Hello Webflow Forum,

I’m experiencing a tricky issue. In mobile view (specifically 320px width) my images are getting squished or not rendering at all on the live site (I’m using Chrome) but everything renders perfectly fine in the Webflow preview.

One more aspect to note is that when the site loads, I have the body of the site hidden initially and then after a few seconds I have an animation that shows the body of the site. When I don’t do this (meaning the body of the site is shown initially), the images render perfectly fine in live.

Here is a loom video detailing my issue: Loom | Free Screen & Video Recording Software | Loom


Here is my site Read-Only link: Webflow - Kindful Being