Interactions not working after page load animation

I am just playing around with the animations after going through the new 101 course. The hero elements have an animation that reveals and moves everything up 40px after page load.

Heres a loom video showing it - Loom | Free Screen & Video Recording Software | Loom

Every element is set to trigger .2 sec after the previous.

That’s it, nothing really fancy but I can’t figure out why its giving me a headache to do such a simple interaction after the animation. Thanks for any help!

Here is my public share link: LINK
(how to access public share link)

Update - It seems to be the transform part of the page load trigger. I have removed it and now have it just reveal with opacity like the nav and the pressed interaction works how I would like. Though this is a compromise. I would like it the move with the rest of the page, it looks much cleaner that way :confused: