html,css - opacity problem

Dobrý večer, skušal som vytvorit jednoduchu stranku ale narazil som na problem a ani pomocou googla som nevyriešil tak sa pýtam vás .
Tu dám odkaz na codepen ale zmizol tam background image aj ostatne obrazky. https://codepen.io/raso-poteck/pen/dyyVLEM
Poprípade tu je screen - https://imgur.com/1f7gt0G

Ide o to že som chcel aby len ten čierny div mal opacity, ale text a obrazky ju maju tiež, text mi až tak nevadí ale obrazky nechcem mat prehliadne.
ako som našiel na nete mam dat tym obrazkam opacity: 1; čo by malo dat defaultne, ale nejde to. Dakujem za všetku pomoc

Skus nastavit background color s alpha kanalom, miesto nastavovania priehladnosti pre cely obsah.

akože alpha kanalom ? nechápem..

alpha kanalom mysli, ze zadefinujes farbu cez rgba - acko reprezentuje alpha kanal, ktory urcuje priehladnost
cize v .content {} zmazes opacity uplne a background-color nastavis ako rgba(0, 0, 0, 0.6) a malo by to byt tak ako si predstavujes

funguje to dakujem chalani