.slider-track {
  display: flex;
  width: max-content;
  animation: scroll-left 40s linear infinite;
}

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

  100% {
    transform: translateX(-50%);
  }
}

.fade-mask {
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 15%,
    black 85%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 15%,
    black 85%,
    transparent 100%
  );
}

.logo-item {
  transition: all 0.3s ease;
}

.logo-item:hover {
  transform: scale(1.1);
}

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