Hey everyone, I have been building this site with a parallax hero section and have ran into a host of issues when animating.
The hero section has 3 images (sky (Position: fixed), mid (position: fixed) and foreground(absolute)) I have set a scroll animation that; scales the sky, moves the mid image up and the hero text down along the y axis on scroll. All these are unresponsive both on the previewer and on the live site.
I have also used EM as my units on text and they do not respond to changes in screen width. I have set different sizes at the different breakpoints but the visual size remains the same in-between.
This project so far has had a lot of issues especially with animations and I started over thinking I had messed up somewhere but the issues till persist.
I have attached images and links below. Send help
Here is my public share link: [Webflow - Magical Kenya]