Как задать высоту изображения одинаковую?

подскажите пожалуйста, столкнулся с такой проблемой... Делал верстку страницы, у постов все изображения в верстке имеют стандартную высоту и ширину 235px и 555px соответственно. При адаптиве для планшетов и мобильников, изображения уменьшаются, все ок, но если загрузить изображение с большей или меньшей высотой, то все "едет", можно ли как-то зафиксировать высоту, чтобы она сама подстраивалась, как если бы загружались изображения только с одной высотой ? попробовал overflow:hidden, помогло только с фиксированной высотой, дальше, при уменьшении страницы, изображение с "нестандартной" высотой кривое (на изображении у пиццы высота больше)

      <div class="excursions__item">
        <div class="excursions__img">
          <a href="<?php the_permalink(); ?>">
            <img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="Фото Mercedes">
          </a>
        </div>
        <h3 class="excursions__title"> <?php the_title(); ?> </h3>
        <div class="excursions__text">
          <?php the_content(); ?>
        </div>
        <a href="<?php the_permalink(); ?>"
          class="btn excursions__button"><?php echo get_post_meta(get_the_ID(), 'excursion_button', true); ?></a>
      </div>

.excursions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  
  }
  
  .excursions__item {
    margin-bottom: 42px;
    max-width: 47%;
    text-align: center;
    
  }
  
  .excursions__img {
    margin-bottom: 23px;
    overflow: hidden;
    max-height: 235px;
  }
  
  .excursions__img img {
    display: block;
    width: 100%;
    height: auto;
  
  }
  
  .excursions__img a {
    display: block;
    position: relative;
  }