.logo-slider::before,
.logo-slider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 150px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.logo-slider::before {
  left: 0;
  background: linear-gradient(to right, white, transparent);
}
.logo-slider::after {
  right: 0;
  background: linear-gradient(to left, white, transparent);
}
.logo-slider:hover .slider-track {
  animation-play-state: paused;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}