Swiperjs: горизонтальная карусель с одним слайдом расширенным ⇐ CSS

[Anonymous]

Я хочу создать ползунок Swiper, на котором один слайд должен быть расширен, как изображение ниже:

Я делаю это так:

/>https://codepen.io/amiut/pen/poyyqye
Но проблема в том, что, когда вы хотите открыть слайды, которые размещены справа и левой края экрана, часть их кода и не виден. но это также не сработает.
Кодепен, который я создал, очень прост без анимации и прочего.

Подробнее здесь: https://stackoverflow.com/questions/634 ... e-expanded