body {
    margin: 0;
    padding: 0;
    background-color: #FEF708; /* Fondo amarillo */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
    overflow: hidden;
}

/* Estilos para el contenedor del fondo */
.background-wrapper {
    position: fixed; /* Fijar el contenedor de fondo */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Evitar el desbordamiento de la imagen */
    z-index: -1; /* Colocar el fondo detrás del contenido */
    opacity: 0.4;
}

.background-image {
    position: absolute; /* Posicionar la imagen dentro del contenedor */
    top: 0;
    left: 0;
    width: 100%; /* Ajustar al ancho completo del contenedor */
    height: 100%; /* Ajustar a la altura completa del contenedor */
    object-fit: cover; /* Escalar la imagen para cubrir todo el contenedor */
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}