Site rendering split/broke in half when scrolling & loading

Design help General
1

Hi,

I’m stuck with a rendering issues

Here is my public share link: https://preview.webflow.com/preview/superplus?utm_medium=preview_link&utm_source=designer&utm_content=superplus&preview=eae72da8a344be876aeb6d0aa24f9e76&pageId=5f33c3f7eed29c5036728c80&itemId=5f33c3f7eed29c187a728ce1&mode=preview

If you view this site on mobile you will notice the screen split in half when it starts loading and you are scrolling down. It only shows in the beginning when the page is loading and disappears quickly. But everytime I refresh the page it happens again. In fact I think it happens in Desktop as well if the page is loading and I scroll down really quick. I attached some screenshots of the issue. This has driven me crazy since I don’t know what’s the problem. Any help is greatly appreaciated!!!

  • Chi

Some screenshots:

IMG_0776.PNG
IMG_0776.PNG750×1334 83.8 KB
IMG_0778.PNG
IMG_0778.PNG750×1334 220 KB
IMG_0780.PNG
IMG_0780.PNG750×1334 94.6 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hah, fixed it! Could have removed this topic but in case someone run in the same problem: the interaction for the picture elements should be set for Desktop only, disable Tablet, Horizontal Mobile, Portrait Mobile. I have a Scroll into view animation for these and apparently that caused the issue.