Swiper.js CMS column grid doesn't stop when scrolling towards the right

I’m made a 3 x 3 grid by giving my swiper-wrapper a grid (column) . But I keep bumping on 1 problem. Whenever I scroll towards the right, swiper keeps going even though there are no more items to be viewed. Is the reason for this problem that I’m using the column on my swiper wrapper?
https://9300.webflow.io/

Javascript I’m using atm:
const portfolioSlider = new Swiper(“.swiper.is-portfolio”, {
slidesPerView: 3,
slidesPerColumn: 3,
slidesPerGroup: 3,
loop: true, // Set loop to false
spaceBetween: 10, // Adjust the space between slides as needed
centeredSlides: false, // Disable centered slides
});


Here is my site Read-Only: Link to read only