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.