.carousel-item {
    transition: transform 1.2s ease-in-out, opacity 1.2s ease-in-out;
}

/* Animation du texte */
.carousel-item h1 {
    text-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

@media (max-width: 768px) {
    .carousel-item h1 {
        font-size: 2.5rem;
    }
    .carousel-item p {
        font-size: 1rem;
    }
}