Animation Timing

JavaScript
1

Hello. I have animations set up on a webpage that I am developing for a class, and I want each to begin individually animating once the reader scrolls to a specific point down the page. I have pasted the WIP project below. As of writing this description, I am still working on centering the text boxes and editing the font so it’s not the default black Times New Roman font. (paste it without the spaces obviously)

https:// codecraftworks .dev/ web/dxUg6zuSrOLzwT2i30Fs/?v=2323

2

Also, how do I get the pause buttons to work?

3

As an addendum to my previous post about animation timing, I have now also thought about making the conjoined animations within the container loop infinitely, with animation-iteration-count attached to the containing object in CSS, but what would I supplement that with in JavaScript?