Scroll into view animation not working on all elements

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

On my phone so I can’t dig into your site atm…

A possible thing to check on is if your class targeting only set inside the interaction timeline?

If it’s not set on the main interaction it’s self and only in the timeline you’ll have the issue you’ve described