Appear on scroll animations kind of glitchy

I have some elements on my site that appear and disappear on scroll. I’ve gotten the animations to work for the most part but depending on your scroll speed and if you scroll back to the same spot, the animations can get a little weird. For example, sometimes the elements won’t disappear or sometimes multiple elements appear at once. Any advice to make this a better experience?

share-only link: Webflow - Code++

Live link: