I have created a scroll into view animation with an in and out which is affecting the class ‘text-animation’. There are multiple divs with this class on a page. However, the animation is not consistent, the first box often animates when scrolling into view but after the first the rest do not seem to animate. Sometimes when I scroll to the bottom of the page, and then back up the ones which did not animate the first time now animate when scrolling back into but it is inconsistent across all the divs, and all the pages.
Does anyone know why this might be happening and how to fix it? Thank you
Here is a link to the project: Webflow - Lagos Draft