Responsive design with Tailwind css and react js

I have uploaded this project to vercel and when I checked it, I see that the animation in the footer seems to be firing at the first load. I checked it on my local computer, and it works. I tried fixing it by adding delay on animation but still not working! I used animate on scroll(aos) here. What could be the problem? Please take a look at my code here. Your feedback is highly appreciated. Please take the time to mention something about my code. Thank you in advance :)