Scroll animation triggering at wrong positions

Hey everyone, I have a scroll animation for a few text sections but they’re triggering really weirdly. I’m not sure what the issue is.

The text is supposed to transition one by one from 30% to 100% to 30% opacity as you scroll down, like this: Sticky Scroll Feature Section - Webflow

Any advice on how to fix? Thank you very much!

Here is my public share link: Webflow - Copy of AMPD
(how to access public share link)