I created a hero that sits behind the main content so that when the user scrolls up the hero is covered. I put a z-index of 0 for my hero. All of the remaining sections have a z-index of 1. This works properly on web but I’m finding an issue on mobile.
When I load the site on a mobile browser and scroll, the sites content (the sections with z-index of 1) stays behind the hero until the page is 100% loaded. How can I fix this?
Here is my site>> https://datta-solutions-2019.webflow.io/