.cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px; /* espacement vertical entre les cartes */
}

/* COLONNES MONTE */
.cards-column.left .cards-wrapper,
.cards-column.right .cards-wrapper {
  animation: scroll-up 12s linear infinite;
}

/* COLONNE DESCEND */
.cards-column.middle .cards-wrapper {
  animation: scroll-down 14s linear infinite;
}

/* Keyframes colonne montante */
@keyframes scroll-up {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

/* Keyframes colonne descendante */
@keyframes scroll-down {
  0% { transform: translateY(-50%); } /* commence au-dessus */
  100% { transform: translateY(0); }   /* descend pour continuité */
}