I'm building a site with horizontal scrolling for the whole site, but have been having a heck of a time doing the whole timeline pretty manually.   I'd LIKE to have just a single foreach() which looks for all the <section>s on the page, and animates them one by one, like I have in this codepen:    Problem is, as you can see, I'm currently adding them to the timeline one at a time, and using some basic math to say "this section is 60% viewport width, so start the NEXT an