Independant background/ heading

I’m trying to create a section that has a photo background that can be altered by opacity with a text heading on top that is not affected by the alteration of the photo. If i change the opacity, the text changes also.

How would i do that?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)