Для центрирования слайда в Swiper, вы можете использовать параметр `centeredSlides`, установив его на `true`. Например:
```javascript
var swiper = new Swiper('.swiper-container', {
centeredSlides: true,
// остальные параметры
});
```
Этот параметр позволит центрировать слайды по горизонтали.
Чтобы исправить проблему с отображением слайдов в мобильной версии, вам может понадобиться настроить соответствующие параметры, такие как `slidesPerView`, `slidesPerGroup`, `spaceBetween` и `breakpoints`. Например:
```javascript
var swiper = new Swiper('.swiper-container', {
slidesPerView: 1, // количество отображаемых слайдов
slidesPerGroup: 1, // количество слайдов, прокручиваемых за один раз
spaceBetween: 10, // промежуток между слайдами
breakpoints: {
768: {
slidesPerView: 2, // изменить количество отображаемых слайдов в мобильной версии
slidesPerGroup: 2,
},
1024: {
slidesPerView: 3, // изменить количество отображаемых слайдов в планшетной версии
slidesPerGroup: 3,
}
},
// остальные параметры
});
```
Проверьте значения параметров `slidesPerView`, `slidesPerGroup`, `spaceBetween` и убедитесь, что они настроены правильно для каждого брейкпоинта в зависимости от вашего дизайна и требований.