/* 無限ループ用　css */
@keyframes infinity-scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
  gap: 1rem;
  position: relative;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 1rem;
  animation: infinity-scroll-left 30s linear infinite;
  /* リスト幅を2倍にしてループ感を出す */
  width: max-content;
  position: relative;
}
.scroll-infinity__list::after {
  content: attr(data-duplicate);
  display: flex;
}
.scroll-infinity__item {
  width: calc(100vw / 5);
  flex-shrink: 0;
}
.scroll-infinity__item > img {
  width: 100%;
  display: block;
  border-radius: 50px 10px;
}

@media (width < 900px) {
  .scroll-infinity__item {
    width: calc(100vw / 3);
  }
}