Interactions not working after page load animation

Design help Animations & Interactions
1

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.

Screenshot 2023-06-27 165545
Screenshot 2023-06-27 165545241×1231 23.7 KB

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)

2

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: