How to set so each slide doesn't scale up

[adamjw3]

Ive got it set up how i want but the slide widths are not correct, they keep scaling when i want them to stay the same.
I'm using bootstrap 4 so would like them to use that width if possible from make-col();

mySwiper1 = new Swiper(".js-collection-slider", {
      // Optional parameters
      observer: true,
      observeParents: true,
      slidesPerView: 3.5,
      loop: false,
      lazy: true,
      updateSize: false,
      freeMode: true,
      slidesOffsetBefore: offset,

      // Responsive breakpoints
      breakpoints: {
        // when window width is >= 320px
        320: {
          slidesPerView: 2.2,
          spaceBetween: 10,
        },
        768: {
          slidesPerView: 3.5,
          spaceBetween: 20,
        },
        // when window width is >= 640px
        992: {
          slidesPerView: 4.5,
          spaceBetween: 20,
        },
      },

      fadeEffect: {
        crossFade: true,
      },

      // Navigation arrows
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
        hideOnClick: true,
      },

      // And if we need scrollbar
      scrollbar: {
        el: ".swiper-scrollbar",
        draggable: true,
        hide: false,
        dragSize: 40,
      },
      on: {
        resize: function () {
          offset = $(".c-navbar__brand-link").offset().left;
          mySwiper1.params.slidesOffsetBefore = offset;

          mySwiper1.update(true);
        },
      },
    });

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.