.carousel-logo {
  width: 100%;
  max-width: 680px;
  height: auto;
  display: block;
  margin-top: 40px;
  margin-left: 220px;
  animation: slideDown 0.8s ease-out;
}

/* Mobile : recentrer et supprimer marge gauche */
@media (max-width: 575.98px) {
  .carousel-logo {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Animation de glissement vers le bas */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}