Problemas aplicando fondo css con "mix-blend-mode: multiply"

[WebSalvador]

En mi página de https://www.ancro.com.pe/ debajo del slider en los 6 banner yo he aplicado el siguiente código css:

Código HTML:

.banner-mask .wrapper-content-banner {
    background-color: rgba(0, 48, 82, 0.8);
    mix-blend-mode: multiply;
}

El problema resulta que el titulo blanco también se le aplica el efecto y no se ve bien, como puedo evitar que el titulo se vea normal, he intentado al div del titulo aplicar el efecto contrario: mix-blend-mode: normal; pero por más que intento formas de resolverlo no lo he logrado, espero me puedan apoyar en resolverlo.

Tambien en el slider tengo el problema que no se aplica el efecto en la parte inferiordel slider en forma degradada azul hay una sombra que por más que le aplico: mix-blend-mode: multiply; no se muestra el efecto.

POdrian apoyarme les estaré muy agradecido. Muchas gracias.

[ArturoGallegos]

Debes separar los elementos

div.con-mix-blend-posicion-absoluta-zindex1
div.con-texto-pocision-relativa-zindex2