Не корректное перелистывание слайдов Swiper.js

Не получается корректно перелистывать слайды при работе с Swiper.js Структура стандартная. Код js:

    const mySwiper = new Swiper('.swiper-container', {
        spaceBetween: 60,
        centeredSlides: true,
        centeredSlidesBounds: true,
        slidesPerView: 1,
        effect: 'coverflow',
        coverflowEffect: {
            rotate: 30,
            slideShadows: false,
          },
        keyboard: {
            enabled: true
            }
      }); 

При запуске несколько проблем:

1. Элемент так и не сдвигается в центр (хотя указано) в настройках. loop я убрал, оставив только то, что описано в документации https://swiperjs.com/swiper-api#custom-build
2. При сдвиге, он сдвигается на размер всего контейнера как я полагаю. И вообще не нашел варианта, как это можно исправить.

Скрины как получается:

1. Не сдвигается в центр:

2. Листается не корректно: