.slider {
    transition: transform 0.5s ease-in-out;
}
.flip-card {
    perspective: 1000px;
}
.flip-card-inner {
    transition: transform 0.4s;
    transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
    backface-visibility: hidden;
}
.flip-card-back {
    transform: rotateY(180deg);
}

@keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fade-in {
            animation: fadeIn 0.5s ease-out forwards;
        }

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.animate-scroll {
    animation: scroll 30s linear infinite;
}

/* Pause l'animation au survol */
.animate-scroll:hover {
    animation-play-state: paused;
}