Header Overlay on Mobile To be added for better visibility to match desktop

I’ve very new to wordpress so i’m looking for a bit of help, see my website here: https://thingstodocapeverde.com/

On the DESKTOP the header image has a dark overlay so that you can see the button and writing on top of the image, but on MOBILE this dark transparent layer disappears. This means you can’t read any of the text clearly on the image.

I have asked on lots of other forums but I can’t figure out how to fix this. Does anyone know how?


You are not using our theme on provided link. If it is some other site, please provide valid link, and we will provide you with some css code in order to change header on touch devices.

Best Regards!