Div opacity affecting the content in it

i lowered opacity of an div and now the image in the div also got opacity, i have used z-index: too but im still stuck on the same problem https://codepen.io/SirYido/pen/gOJPgxZ
Was this page helpful?