Swiper style 3

Setting up the slider

Create the general slider structure

swiper

swiper-wrapper

swiper-slide

Copy the following script before <body> tag

<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper('.swiper',{
    spaceBetween: 24,
    grabCursor: true,
    freeMode: true,
    loop: true,
    slidesPerView: 'auto',
    a11y: false,
    breakpoints: {
        768: {
            spaceBetween: 32
        }
    }
});
</script>