ionic slide auto height

app.scss

ion-slide:not(.swiper-slide-active) > div {
  display: hidden;
  opacity: 0;
  height: 0;
  transition: display 0s, opacity 0.5s linear;
}

ion-slide:nth-last-child(4):not(.swiper-slide-active) + ion-slide:nth-last-child(3):not(.swiper-slide-active) + ion-slide:nth-last-child(2):not(.swiper-slide-active) + ion-slide:not(.swiper-slide-active) > div,
ion-slide:nth-last-child(3):not(.swiper-slide-active) + ion-slide:nth-last-child(2):not(.swiper-slide-active) + ion-slide:not(.swiper-slide-active) > div,
ion-slide:nth-last-child(2):not(.swiper-slide-active) + ion-slide:not(.swiper-slide-active) > div {
  display: block!important;
  opacity: 1;
  height: auto;
  transition: display 0s, opacity 0s linear;
}