I have been using Webflow for quite a while now, but today I ran into a problem that I couldn't find a solution around. So I'm developing this sort of animation, in which the logo pops up when the site is loaded for a few milliseconds, and with this I didn't want any of the website's content to be visible apart from the Hero Section. After these few milliseconds pass by, the Hero Section resizes and becomes smaller, with the content of the website now visible.
So what I did was I added an interaction to the Lower Section of the website, in which the Initial Appearance had it Display to None and the Opacity is at 0%. Then I added a Load trigger, which waits for 2500ms then sets the Display to Block and the Opacity to 100%. Now to begin with, this works perfectly, but the problem I encounter is that when I add animations through interactions to some of the elements at the lower part of the site, they simply won't work. They don't animate in like I want them to.
I would really like to know what the problem is and how I may go about fixing it, or perhaps some of you could suggest a more efficient way of doing what I desire.
Thanks in advance and I greatly apologise if I was unclear,
Please do check the preview link below to get a clearer picture,
Here is my public share link: