/* Quitamos márgenes por defecto del navegador para que pegue al ras */
        body {
            margin: 0;
            padding: 0;
            background-color: #000; /* Fondo de resguardo por si carga lento */
        }

        /* Contenedor principal 100% de la pantalla */
        .contenedor-imagen {
            position: relative;
            width: 100%;
            /* Usamos 'width: 100%' para que no rebase y cree barras laterales */
            overflow: hidden;
        }

        /* Estilo para la imagen de fondo: se estira al ancho exacto sin deformar proporción */
        .imagen-fondo {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Estilo para la imagen de encima con su animación constante y responsiva */
        .imagen-encima {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 95%; /* Proporción perfecta respecto al fondo */
            height: auto;
            z-index: 10;
            
            /* Mantiene la animación automática de zoom constante */
            animation: zoomInfinito 2s ease-in-out infinite alternate;
        }

        /* Animación infinita */
        @keyframes zoomInfinito {
            0% {
                transform: translate(-50%, -50%) scale(1);
            }
            100% {
                transform: translate(-50%, -50%) scale(1.07);
            }
        }