В Swiper Карусельная карта Swiper последняя карта не отображается полностью

#swiper #swiperjs

Вопрос:

Следуя этому примеру : https://swiperjs.com/demos/110-slides-per-view/core.html

Я добавил этот код для правильной визуализации карт:

 .swiper-slide{
box-shadow: 0px 5px 5px 0px black;
}
 

Полученный результат: Полученный результат

Ожидаемый результат: Ожидаемый результат

Примечание: Для получения этого ожидаемого результата я вручную изменил стиль, унаследованный через JS в инструментах разработки Chrome. Chrome DevTools Редактировать

PS: Я новичок в размещении вопросов на StackOverflow, пожалуйста, простите меня, если в тексте этого вопроса есть ошибка. Хотя я старался изо всех сил. Спасибо