background image opacity

I have a background image set. i want to add opacity to it so i can put text over it. i do not want the text to have opacity. i have tried putting the css in the element and it is not working.

.upfront-region-container-bg {background-color: rgba(0, 0, 0, 0.6)}