.imagen1, .imagen2, .imagen3,
.texto1, .texto2, .texto3 {
    transition: opacity 0.6s ease-in-out; /* transición suave */
    opacity: 1; /* visible por defecto */
}

/* Clase para ocultar con fade */
.fade-out {
    opacity: 0;
}

/* Para las secciones con fondo y opacidad */
.section1, .section2 {
    transition: background-color 0.6s ease, opacity 0.6s ease;
}