<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-button-prev"></div>
  <div class="swiper-button-next"></div>
</div>

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

var swiper = new Swiper(".swiper", {
  loop: true,
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});