[react-swiper] 스와이퍼 슬라이드 높이를 가장 높이가 큰 슬라이드로 설정하고 슬라이드 내부 컨텐츠를 수직 정렬하는 방법

const StyledSwiperSlideContainer = styled(Swiper)`
  & .swiper-slide {
    display: flex;
    height: auto;
    align-items: center;
  }
  
  .swiper-wrapper {
    display: flex;
    align-items: stretch;
  }
`;

<StyledSwiperSlideContainer
    slidesPerView={1}
    spaceBetween={30}
    loop={false}
    pagination={{
        clickable: true,
    }}
    navigation={true}
    className="mySwiper"
>
    ...슬라이드들
</StyledSwiperSlideContainer>