Infinite image carousel - basic layout

index.html

<div class="gallery__container">
  <img src="https://images.unsplash.com/photo-1602116224649-c3b66d507eef?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=200&q=80" class="gallery__item"/>
  <img src="https://images.unsplash.com/photo-1597816165828-56c53e9394f4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=200&q=80" class="gallery__item"/>
  <img src="https://images.unsplash.com/photo-1590080603530-ab883f5f5763?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=200&q=80" class="gallery__item"/>
  <img src="https://images.unsplash.com/photo-1574352524385-e8eb66309d43?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=200&q=80" class="gallery__item"/>
  <img src="https://images.unsplash.com/photo-1610878180933-123728745d22?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=200&q=80" class="gallery__item"/>
  <img src="https://images.unsplash.com/photo-1617803672592-177dbdb3abfa?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=200&q=80" class="gallery__item"/>
  <img src="https://images.unsplash.com/photo-1625644361680-80eeba72d4a7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=200&q=80" class="gallery__item"/>
  <img src="https://images.unsplash.com/photo-1598034617981-68a23524bb9b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=200&q=80" class="gallery__item"/>
  <img src="https://images.unsplash.com/photo-1617803737359-2fadaa2bcf53?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDZ8fHxlbnwwfHx8fA%3D%3D&auto=format&fit=crop&w=200&q=60" class="gallery__item"/>
</div>

<div class="gallery__navigation">
  <button class="btn gallery__prev">Prev</button>
  <button class="btn gallery__next">Next</button>
</div>

styles.css

.gallery__container {
  margin: auto;
  display: flex;
  width: 100%;
  max-width: 1000px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.gallery__item {
  flex-shrink: 0;
  flex-grow: 1;
  width: 300px;
  height: 200px;
  object-fit: cover;
  margin: 10px;
}

.gallery__navigation {
  text-align: center;
}