.logo-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.logo-slider::before,
.logo-slider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 70px;
  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-track {
  display: flex;
  gap: 60px;
  will-change: transform;
  align-items: center;
}

.logo-track img {
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
    object-position: center center;
}

@media only screen and (max-width: 767px) {
  .logo-track {
    gap: 44px;
  }
}