Fullpage.js causing animations to not play correctly

Hi all, currently building a website for my friends garage and am a bit lost on what to do about animations.

I have fullpage.js working to get snap scroll with each part of the main page separated into sections and have been messing around trying to get just the basic scroll into view animations to work but either i’m a idiot or it’s bugged.

When i put the animations so that when it scrolls into view the text and images fly into view it doesn’t work at all, i tried reversing it so that when page comes into view the text flys out (even though that is the reverse of how it should be) it kind of works but still buggy (when you first scroll down it doesn’t work but if you scroll up then down again it starts working).


Here is my public share link: https://preview.webflow.com/preview/js-auto?utm_medium=preview_link&utm_source=dashboard&utm_content=js-auto&preview=7e2b47d8c931fcfab260b43765671376&mode=preview

live preview site: https://js-auto.webflow.io/