Не работает swiper slider

Пытаюсь использовать swiper slider, но он почему-то помещает все слайды в один вот таким образом

не понимаю в чем моя ошибка, делаю все по документации, вот код

const slider = document.querySelector('.slider');

let mySwiper = new Swiper(slider, {

slidesPerView: 1,
spaceBetween: 10,
loop: true,
pagination: {
    el: '.swiper-pagination',
    clickable: true,
},
navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
},

})