.slider img {
    height: 170px;
    width: 320px;
}

.slider {
  overflow: hidden;
  padding-block: 2rem;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
  mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
}

.slide-track {
  display: flex;
  gap: 2rem;
  width: calc(250px * 8);
  animation: scroll 20s linear infinite;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-250px * 4)); }
}