.slider {
  width: 100%;
  overflow: hidden; /* Hides images outside the box */
  background: white;
}

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

.tiny-img {
  width: 300px; /* Small "tiny" size */
  height: 170px;
  object-fit: cover;
  padding: 8px;
   margin-right: 10px;  /*--making gap between two image  */
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-150px * 16)); } /* Move by half the track */
}