Hero color overlay disabled on mobile?

I’m using color overlay for the hero image to make the text contrast more thus making it easier to read. However, the overlay is not showing up when the site loads on mobile devices so the hero text is difficult to read. How can I fix this?