How can I achieve this transparency effect using css?
<p><a href="https://i.stack.imgur.com/Bk0ds.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bk0ds.png" alt="enter image description here"></a></p>

<p>This design is created in photoshop and I'm trying to convert to html and css.
I have a background image (with the green lights), an overlay with reduced opacity and some text with an icon positioned at the center. How can I attain the effect shown below in html and css?</p>