Page load + scroll into view interfering

I have a pageloader in place with a delay. This makes the arrows in the hero section animate after the preloaded has finished.

I also want these arrows to animate (so collapse in) when div arrows-trigger is scroll-out-of-view interaction. And when user scrolls up the arrows need to show again with scroll-into-view interaction.

The problem is that the pageloader is interfering with the scroll in view interaction. I think because the trigger div is already in view when the preloaded is active.

Anyone has a solution for this? I just can’t get my head around it.

Thanks a lot

Check my read-only:

https://preview.webflow.com/preview/north-fifty-1-0?utm_medium=preview_link&utm_source=designer&utm_content=north-fifty-1-0&preview=f1d0c14f2e0187f3a2b1dea840ea5d91&locale=en&workflow=preview

Anyone has a solution for this problem?