Scroll interaction overriding page load

Hi, I’ve set it up so that there’s a lottie animation that goes from 0% - 50% on the page load, but then it goes between 50% - 100% when scrolling.

However, when I do this, the scroll animation overrides the page load, so it loads on 50% and doesn’t animate.

Any help appreciated

would also love to know how I could add a ‘skip animation’ button too, but not as important.


https://preview.webflow.com/preview/harrie?utm_medium=preview_link&utm_source=designer&utm_content=harrie&preview=9032971107985bcd0b6f7cb5d7bd9274&pageId=6645dd3e897080e2c8a6c542&workflow=preview