Не работает динамическая ширина активного слайда в swiper js?

Question

[ne_pes]

В слайдере все слайды шириной 20%, а у активного 60%. Но слайдер прокручивает эти 20% и получается, что активный слайд обрезается, как это можно пофиксить?

var eventsSlider = new Swiper('.events__slider', {
        speed: 600,
        slidesPerView: 'auto',
        spaceBetween: 0,
        loop: true,
    });

.events__item {
  transition: .6s;
  width: 20%;
}

.events__item.swiper-slide-active {
  width: 40%;
}