.carousel-wrapper {
  overflow: hidden;
  width: 100%;
  margin-bottom: 2rem;
}

.card-row {
  display: flex;
  width: max-content;
  animation: scroll-left 120s linear infinite;
}

.card-row.reverse { animation: scroll-right 120s linear infinite; }

/*.card { flex: 0 0 25%; margin: 0 8px; padding: 1rem; border-radius: 8px; text-align: center; color: #fff; }*/

.card {
    flex: 0 0 auto;
    margin: 0 8px;
    padding: 18px 14px 0;
    border-radius: 8px;
    text-align: left;
    color: #fff;
    max-width: 450px;
    min-width: 400px;
}



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