In the codepen demo below, you can comment out the top 8 lines of JS and uncomment the ones beneath to see how I intend the animations to unfold. The purple swirl graphic is supposed to animate from y:30 and opacity: 0 as it does on the non-timeline version.
When I try to replicate the coding to work with the timeline, everything works, except the swirl graphic stays hidden while it's supposed to be fading from 0 and moving up 30 pixels. Any idea why this isn't working? Thanks a lot, this is for a tutorial I intend on releasing tomorrow, but this is snagging me up!
(PS: Not yet responsive, just for desktop!)