How to fix active thumbs and only move them on the last track using swiper.js

I want to make the active thumbs fixed as in the link below, and only make the thumbs move on the last track. I want to use swiper.js instead of slick slider. How should I do it?

slick slider

<script>
var swiper1 = new Swiper(".mySwiper1", {
                  spaceBetween: 10,
                  slidesPerView: 4,
                  freeMode: true,
                  watchSlidesProgress: true,
                });

                var swiper2 = new Swiper(".mySwiper2", {
                  spaceBetween: 10,
                  navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                  },
                  thumbs: {
                    swiper: swiper1,
                  },
                });

</script>