.overlay-img-fondo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Ajusta la opacidad según necesites */
    z-index: 1; /* Por encima de la imagen, por debajo del texto */
    pointer-events: none; /* Permite clicks en elementos debajo si fuera necesario */
}

#img_fondo {
    z-index: 0; /* Aseguramos que la imagen esté detrás */
}

.title {
    z-index: 2; /* Texto por encima del overlay */
}