как сделать карточку-img-top с такой же высотой

Question

Пользователь добавляет сообщение с разной высотой изображения, но я хочу, чтобы эти изображения корректировались в пределах одной высоты, чтобы наш веб-сайт выглядел хорошо ........................ ..............

      <section id="shows" class="py-2">
    <div class="container">
      <div class="row">
       {% if show_posts %}
        {% for post in show_posts %} 
        <div class="col-md-6 col-lg-4 mb-4">
          <div class="card listing-preview">
              <img class="card-img-top" src="{{ post.photo.url }}" alt="" > 

              <div class="card-img-overlay">
                <h2>
                  <span class="badge badge-secondary text-white">$</span>
                </h2>
              </div>
              <div class="card-body">
                <div class="listing-heading text-center">
                  <h4 class="text-primary">{{ post.title }}</h4>

                </div>
                <hr>
                <div class="row py-2 text-secondary">
                  <div class="col-12">
                    City: {{ post.city }}</div>
                </div>
                <div class="row py-2 text-secondary">
                  <div class="col-12">
                    Area: {{ post.area }}</div>
                </div>
                <hr>
                <div class="row text-secondary pb-2">
                  <div class="col-12">
                    <i class="fas fa-clock"></i> {{ post.list_date | timesince }}</div>
                </div>
                <hr>
                <a href="{% url 'listing' post.id %}" class="btn btn-primary btn-block">More Info</a>

              </div>
            </div>
            </div>

        {% endfor %}
        {% else %}

        <p>No Posts Available</p>
        {% endif %}
       </div>

чтобы понять мой вопрос, пожалуйста, посмотрите это изображение