Hi,
Apologies for the confusion; actually, I'm still not able to find a proper solution. Here is an updated codepen with the exact layout and requirements.
There are a total of 4 stacked sections, and each will appear stacked on the scroll, but on the first section, the logo and heading will animate first, and after the completion of the animation, the second section will appear. I also want to interact with the content, like the href and buttons should be clickable on each section, and the last section content should be normally scrollable after fading into the viewport.
https://codepen.io/ziafatali/pen/NWEzwea
I really appreciate the help!
Regards,
Ziafat A.