/* Estilos generales */
body {
    background-image: url('fondo.jpeg'); /* Cambia 'tu_imagen_de_fondo.jpg' por la ruta de tu imagen de fondo */
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    margin: 0;
    padding: 0;
}

/* Contenedor para las diapositivas */
.slideshow-container {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

/* Estilo de las diapositivas */
.mySlides {
    display: none;
}

img {
    width: 100%;
    height: auto;
}

/* Estilo de la transición de las diapositivas */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    0% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}