Transparencia y oscurecimiento de imagen de fondo en css

.contact-form::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6); /* Transparencia a partir de negro */
border-radius: 10px;
}

=====

.contact-form::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.6); /* Transparencia */
border-radius: 10px;
}

=====

OPCIÓN 2: Usando opacity directamente en la imagen
Si la imagen está en un div de fondo, puedes hacer esto:

.contact-form {
position: relative;
}

.contact-form::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("tu-imagen.jpg") no-repeat center;
background-size: cover;
opacity: 0.2; /* Reduce la opacidad */
}

Aquí la imagen de fondo se vuelve más transparente sin necesidad de un filtro de color.