您如何为这样的轮播实现缩略图？

Question

我希望单击缩略图的无限滚动应平移并居中并放大，如下图所示。

现在它们在同一行中对齐，但是如何放大所选缩略图并向下平移一点？ （React.js）

return (
        <div class="testimonials container pt-1">
            <Swiper
                id="thumbs"
                spaceBetween={0}
                slidesPerView={3}
                onSwiper={setThumbsSwiper}
            >
                {thumbs}
            </Swiper>
            <Swiper
                id="main"
                thumbs={{ swiper: thumbsSwiper }}
                tag="section"
                wrapperTag="ul"
                spaceBetween={3}
                slidesPerView={1}
             >
                {slides}
            </Swiper>
        </div>