@keyframes color-cycle {
    0%, 100% {
        filter: none; /* Imagen en color normal */
    }
    25% {
        filter: sepia(100%); /* Imagen con efecto sepia */
    }
    50% {
        filter: grayscale(100%); /* Imagen en blanco y negro */
    }
    75% {
        filter: none; /* Regreso a color normal antes del siguiente ciclo */
    }
}

.image-effect {
    animation: color-cycle 5s infinite ease-in-out; /* Duración total de 9 segundos con animación fluida */
    transition: filter 0.5s ease; /* Transición suave entre efectos */
}