CounterUp2, counting up even when not in viewer

When copying either CounterUp2 from the main page, or the most recent forum post I found that makes my code work: CounterUp JS cancelling the Tabs Hover JS - I'll pay :)

The code on my site:

The animation of the numbers works! HOWEVER, I am not sure how to make it so that the animation ONLY begins when users scroll down and reveal the numbers.

Do you guys have anything I can just copy and paste? Please be as specific as you can, because I am a total noob with JS and web flow in general. Thank you <3


Here is my site Read-Only:

https://preview.webflow.com/preview/arrestingmotion?utm_medium=preview_link&utm_source=dashboard&utm_content=arrestingmotion&preview=0d088acebef9c5a875fa6e31cf1cbeb9&workflow=preview