How to adjust Opacity of background image

Hi friends,

This is my first time posting to the forums. I’ve been dabbling with front-end development for the last 4-5 days or so. I’m currently working on my Product Landing page project.

I’m no where near finished but I wanted to add a background image to the entirety of the page. I figured out a way to get the image to show but I want to reduce the opacity so its just a fade in the background. Can you guys perhaps point me in the right direction? Ty!!

Here’s my current codepen:

Here’s a tip for changing bg image opacity
Also I wouldn’t use inline style in this case.