.footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Fondo negro con opacidad */
    z-index: 1; /* Asegúrate de que esté sobre la imagen de fondo */
}
.footer-content {
    position: relative;
    z-index: 2; /* El contenido debe estar encima del overlay */
}