Código swiper js tutorial slider con diapositivas verticales y desplazamiento horizontal divi

<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

<script>
jQuery(function($){
  // Envolver las filas swiper-slide en un div swiper-wrapper
	$( ".ovSwiperSlider .swiper-slide" ).wrapAll( "<div class='swiper-wrapper'></div>" );

   // Insertar la paginacion flechas swiper js
 	$( '<div class="swiper-button-next"></div><div class="swiper-button-prev"></div>' ).insertAfter( ".swiper-wrapper" );
});
</script>

<script>
// Inicializar slider ovSwiperSlider
jQuery(document).ready(function( $ ) {
  var ovSwiperSlider = new Swiper(".ovSwiperSlider", {
    slidesPerView: 1,
    spaceBetween: 0,
    loop: true,
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    breakpoints: {
      640: {
        slidesPerView: 2,
      },
      768: {
        slidesPerView: 3,
      },
      1024: {
        slidesPerView: 4,
      },
    },
  });
});
</script>