Animate items simultaneously inside Collection List Wrapper

I was able to do a hover effect for each items inside the collection wrapper list. However, when i tried adding a page load animation, each item animates at the same time.

My plan is for them to animate up (while fading) simultaneously. Please help me. I’m new to webflow. Thank you in advance.

Project link below.

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

here’s the link: Webflow - Amper's Supercool Site