Elements Randomly Change Position on Published Site

Hi everyone,

Quick question…

I have a page setup where there should be some scroll animation occurs as the user scrolls down.
On the published site, it works great once the scrolling actually starts. But the problem is that on the initial “loading” of the published page (the eyeball), before anything is done, the position of the elements is totally out of order. Then as soon as you scroll a teeny bit, everything realigns.

I’m lost here… why is this happening? :tired_face: :man_facepalming:
If you go the share link below, it’s the “Brands” CMS Collection page at the bottom.
The only completed brand is CARLEX, so choose that one please.

Any help would be greatly appreciated!
Share Link - https://preview.webflow.com/preview/rads-jewellery?utm_medium=preview_link&utm_source=designer&utm_content=rads-jewellery&preview=fedfdc8008187106c9f22e73a796c03d&pageId=5f99b46832a7d56a44644b92&itemId=5f99b46832a7d5fd21644ba0&mode=preview