Para conseguir el efecto de aclarar o oscurecer elementos en CSS existe el filtro brightness() que ajusta el brillo de la imagen.
0% hará que la imagen sea completamente negra.
100% es el valor predeterminado y representa la imagen original.
Valores superiores al 100% harán más brillante la imagen.
.oscurecer-img{
filter: brightness(50%); // Más oscura
}
.aclarar-img{
filter: brightness(150%); // Más clara
}
Un ejemplo:
Agradezco tu comentario 🤘