Как реализовать такой слайдер?

Question

[setupx]

На макете есть секция с слайдером, в котором расположены карточки категории:

image

У меня на сайте весь контент находится в container, который задает определенную ширину и там находится эта секция:

code

{/* Category section*/}
                {isLoadingCategories ? (categoryCardsSkeletons) : (categories &&
                    <div>
                        <Swiper
                            spaceBetween={8}
                            slidesPerView={4}
                        >
                            {categories && categories.map((category, index) => (
                                <SwiperSlide key={index}>
                                    <Link key={index} href={category.link}>
                                        <CategoryCard title={category.title} imageSrc={category.imageSrc}/>
                                    </Link>
                                </SwiperSlide>
                            ))}

                        </Swiper>
                    </div>
                )}

Как мне сделать такую же секцию, чтобы скажем так "последняя" карточка немного показывалась как на изображении?