I have a ScrollTrigger.batch() for all ".split-text" elements that should trigger a stagger animation when each one enters the viewport.
My problem is that the first ".split-text" that enters the viewport triggers the animation for the rest of that kind as well instead of animating each only when they enter the viewport.
The code for that start at line 26 of the JS. I use the same/very similar ScrollTrigger.batch() for the images as well and that code works perfectly fine, just as intended. I really don't know what I'm doing wrong...