React Swiper: центрирование центрального слайда, ширина которого меняется ⇐ CSS

[Anonymous]

Мне нужно, чтобы центральный слайд карусели расширялся для отображения дополнительного контента. В настоящее время у меня есть эти коды и ящик
. Однако я столкнулся с трудностями при центрировании слайда; кажется, что он сдвинут влево, а иногда и случайным образом смещается вправо. На данный момент это не плавный переход: он смещается влево, а затем внезапно резко центрируется. Я уже пробовал экспериментировать с наблюдателем и связанными с ним параметрами, а также добавлять CSS к активному слайду, но мне не удалось решить проблему.
В в данный момент это выглядит так:



Подробнее здесь: https://stackoverflow.com/questions/782 ... s-in-width