Streaming live at 10am (PST)

Z-index not working properly on mobile

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>>

Here is my site Read-Only: LINK
(how to share your site Read-Only link)