.infinity-slider {
  width: 100%;
  overflow: hidden;
  padding: 40px 0;
  background: #111;
  /* margin-top: 100px; */
  border-radius: 10px;
}


.infinity-slider2{
    margin-top: 100px;
}

.slider-title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 25px;
  color: #fff;
}

.slider {
  position: relative;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.slide-track {
  display: flex;
  width: calc(300px * 12); /* 12 images */
  animation: scroll 30s linear infinite;
}

.slide {
  width: 300px;
  margin: 0 10px;
}

.slide img {
  width: 100%;
  aspect-ratio: 16/12;
  object-fit: cover;
  border-radius: 10px;
}

/* Animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* Move first 6 images width */
  }
}