Este sencillo código te ayudara a tener una mejor solución al oscurecer una imagen con CSS. Muchos utilizan la opción de opacity y Alpha para poder opacar sus imágenes construyendo su pagina Web, pero con la herramienta linear-gradient puedes tener un mejor resultado
Condigo:
.nombre-clase{
background-image:
linear-gradient(
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)
),
url(https://TU-IMAGEN.JPG);
background-repeat: no-repeat;
}
