How to make swiper slides uniform height?

Happy Holidays! I have dynamic slides and wondering how to set them to a uniform height of the longest slide. I thought autoHeight would have done the trick. Code is as follows. Any pointers appreciated!

<f7-swiper pagination :params="{slidesPerView: this.slideCount, spaceBetween: 20, autoHeight: true, }">
        <f7-swiper-slide v-for="slide in objTest.result.reviews" :key="slide.index">
          <f7-card>
          <f7-block>
            <div class="review">{{slide.text}}</div>
          <div class="author">
            <div class="author-details">
            <img :src="slide.profile_photo_url">
            <ul>
              <li>{{slide.author_name}}</li>
              <li>{{slide.relative_time_description}}</li>
            </ul>
            </div>
            <div class="author-rating">
              <div class="ratings">
                <div class="empty-stars"></div>
                <div class="full-stars" :style="'width:' + (slide.rating * 20) + '%'"></div>
            </div></div>
          </div>
          </f7-block>
          </f7-card>
        </f7-swiper-slide>
      </f7-swiper>

Try setting height: auto style to .swiper-container and .swiper-slide