<div class="swiper">
  <div class="swiper-wrapper">
    <div class="swiper-slide"><img src="https://unsplash.it/1500/400" alt=""></div>
    <div class="swiper-slide"><img src="https://unsplash.it/1500/400" alt=""></div>
    <div class="swiper-slide"><img src="https://unsplash.it/1500/400" alt=""></div>
  </div>
  <div class="swiper-pagination"></div>
</div>

img{
  width: 100%;
  height: auto;
}

var swiper = new Swiper(".swiper", {
  loop: true,
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
});