.carousel-container {
  margin: 0;
  overflow: hidden;
  width: 100vw;
  max-width: 1920px;

  --slide-width: 360px;
}

.row-carousel {
  display: flex;
  width: calc(var(--slide-width) * 26);
}

.carousel-left {
  animation: scroll-left var(--speed) linear infinite;
}

.carousel-right {
  animation: scroll-right var(--speed) linear infinite;
}

.row-carousel .slide {
  height: 48px;
  width: var(--slide-width);
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(var(--slide-width) * -13));
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(calc(var(--slide-width) * -13));
  }
  100% {
    transform: translateX(0);
  }
}