.overlap-container {
  position: relative;
  margin-top: -8rem;
  z-index: 1000;
  width: calc(100% - 4rem);
  margin-left: 2rem;
  margin-right: 2rem;
}

.wrapper {
  width: 90%;
  max-width: 1536px;
  margin-inline: auto;
  position: relative;
  height: 24rem;
  margin-top: 5rem;
  overflow: hidden;
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 20%,
    rgba(0, 0, 0, 1) 80%,
    rgba(0, 0, 0, 0)
  );
}

@keyframes scrollLeft {
  to {
    left: -300px;
  }
}

.item {
  width: 300px;
  height: 40rem;
  border-radius: 1rem;
  overflow: hidden;
  position: absolute;
  left: max(calc(300px * 6), 100%);
  animation-name: scrollLeft;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: -15s;
}

.item-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.item1 {
  animation-delay: calc(30s / 6 * (6 - 1) * -1);
}

.item2 {
  animation-delay: calc(30s / 6 * (6 - 2) * -1);
}

.item3 {
  animation-delay: calc(30s / 6 * (6 - 3) * -1);
}

.item4 {
  animation-delay: calc(30s / 6 * (6 - 4) * -1);
}

.item5 {
  animation-delay: calc(30s / 6 * (6 - 5) * -1);
}

.item6 {
  animation-delay: calc(30s / 6 * (6 - 6) * -1);
}

@media (max-width: 1024px) {
  .overlap-container {
    margin-top: -8rem;
  }

  .item {
    overflow: hidden;
    border-radius: 1rem;
  }
}

@media (max-width: 900px) {
  .overlap-container {
    margin-top: -7.5rem;
  }

  .wrapper {
    height: 22rem;
  }

  .item {
    overflow: hidden;
    border-radius: 1rem;
  }
}

@media (max-width: 768px) {
  .overlap-container {
    margin-top: -7rem;
  }

  .item {
    overflow: hidden;
    border-radius: 1rem;
  }

  .wrapper {
    height: 20rem;
  }
}

@media (max-width: 480px) {
  .overlap-container {
    margin-top: -7rem;
  }

  .item {
    height: 24rem;
    overflow: hidden;
    border-radius: 1rem;
  }

  .wrapper {
    width: 100%;
    height: 24rem;
  }
}

@media (max-width: 375px) {
  .overlap-container {
    margin-top: -8rem;
  }
}