How do make it so that every element that uses data-animate only starts animating when it is visible in the viewport

[kobe-f8]

What the title says, I want every element that uses data-animate to start animating only when it's visible in the viewport. As if scrollTrigger.trigger-[&] was on every data-animate element.