Problem with Additional CSS

Hello, I’m using the additional CSS feature to add opacity to my parallax images. The code I used is as follows:
.parallax-window {
background-color: rgba(0,0,0,0.5);
}

This works great as long as it is on desktop view, but if I go to mobile view the opacity disappears. I’ve tried adding the code to the original Stye.CSS but this doesn’t work at all even in desktop mode.

My website is www.shaneswebsolutions.com

In the meantime I’ve darkened my photos to try to deal with this problem for mobile viewers but I would like to get this fixed. Any suggestions?

Hey there,

I hope you are well today and thank you for your question.

Applying CSS to mobile requires media queries,

Here’s the code you’ll need.

/oppacity on parallax on mobile/
@media (max-width: 768px){
.parallax-window {
background-color: rgba(0,0,0,0.5);
}
}

Best regards,
Support.