body {
        margin: 0;
        overflow: hidden; /* Oculta la barra de desplazamiento */
    }

    .fullscreen-image-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; /* Asegura que la imagen esté encima de otros elementos */
    }

    #background-image {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Cubre todo el espacio sin distorsionar la imagen */
        animation: fadeOut 15s ease-out forwards; /* 5s es la duración, forwards mantiene el estado final */
    }

    @keyframes fadeOut {
        from {
            opacity: 0; /* Comienza completamente visible */
        }
        to {
            opacity: 1; /* Termina completamente invisible */
        }
    }