Content in Div seems to be invisible on mobile layout?

The hero text and Div on my homepage is invisible on mobile layout and I can’t seem to figure out why. I don’t think its the z-index - the problem started when I added the headings and paragraph into the translucent box, but I can’t figure out why this would make it invisible on mobile - I can see the boundary of the divs in mobile layout but none of the content is visible.

It’s actually the z-index of your div block: