SwiperJS – I don’t want that when I click on a button inside a slider, it brings that slider to the first position

When I click on a button that I have inside my slider, instead of executing what the button should do, what it does is take that slider to position 1 of the carousel. what I want is that this does not happen since it does not allow the action of the button to be executed, which is to open an overlay. I leave a video so that it is better understood.

I checked the documentation and I couldn’t solve it.
This is my code:

let swiperTrending = new Swiper(".swiper-container-trending", {
    slidesPerGroup: 1,
    autoplay: {
        delay: 3000,
    },
    speed: 1000,
    grabCursor: true,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
    },
    breakpoints: {
        100: {
            slidesPerView: 1,
            spaceBetween: 10,
        },
        768: {
            slidesPerView: 2,
            spaceBetween: 10,
        },
        1024: {
            slidesPerView: 3,
            spaceBetween: 60,
        },
    },
});

https://sendvid.com/rkza0bku