Can't animate objects on page load

I’ve followed this tutorial (https://university.webflow.com/article/page-load-animation) to the T but for the life of me can’t get:

On page load the SUN icon to fade from 0% opacity to 100%
The arrow icon to move down 20px and move back up to its original position.

Pulling my hair out here so any help would be much appreciated!

https://preview.webflow.com/preview/this-plus-that-new?utm_medium=preview_link&utm_source=dashboard&utm_content=this-plus-that-new&preview=e731b1b21820530df8049305bd4467d3&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @Pearse55 and welcome to the community. I am sorry to hear you are having issues with the page load animation.

First off, is the site you are needing help the “This Plus That” agency site?
Not sure where there is a “sun” image and an “arrow” icon for this.

Would you mind explaining where at on the site you are having this issue? Which page? Etc?

It’s a landing page for a marketing campaign

https://www.thisplusthat.design/this-that-wake-up-to-great-graphic-design\

https://preview.webflow.com/preview/this-plus-that-new?utm_medium=preview_link&utm_source=dashboard&utm_content=this-plus-that-new&preview=e731b1b21820530df8049305bd4467d3&mode=preview

Is this enough to locate the page I’m having trouble with?