.slider {
  --slider-inner-width: 1200px;
  --slider-speed: 50s;
}

@keyframes scroll {
  0% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(calc((0px - var(--slider-inner-width)) - 5%));
  }
}
.slider {
  -webkit-transform: translate3d(0, 0, 0);
  animation: scroll linear infinite var(--slider-speed);
  width: calc(2 * var(--slider-inner-width));
  transition: animation-play-state ease 0.3s;
}

.slider:hover {
  animation-play-state: paused;
}

.slider-container {
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider-container .slider {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  gap: 20px;
}

.slider-container .slider__slide {
  height: 100px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*.slider-container .slider__slide:hover {
  cursor: pointer;
}*/