Can't center content properly?

Question

css

Hello, I can't seem to align content in cards with different content.

<div class="container">
  <div class="box-wrap">
    <div class="wrap-img">
      
    </div>
    <div class="wrap-cont">
  <div class="inner">
          <div class="text-wrap">
        <h3>Книжная гравюра в живом восприятии</h3>
      <p>Один из ведущих флорентийских художников Кватроченто, основатель художественной династии, которую продолжили его брат Давид и сын Ридольфо.</p>
      </div>
      <div class="a-wrap">
        <a href="">go</a>
      </div>
  </div>
    </div>
  </div>
  
    <div class="box-wrap">
    <div class="wrap-img">
      
    </div>
    <div class="wrap-cont">
      <div class="text-wrap">
        <h3>«Открытая дискуссия». Дмитрий Петров и Сергей Ильин.</h3>
      <p>Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта.</p>
      </div>
      <div class="a-wrap">
        <a href="">go</a>
      </div>
    </div>
  </div>
  
    <div class="box-wrap">
    <div class="wrap-img">
      
    </div>
    <div class="wrap-cont">
     <div class="text-wrap">
        <h3>Выставка «Формация 2020»</h3>
      <p>Идейные соображения высшего порядка, а также современная методология разработки играет важную роль в формировании глубокомысленных рассуждений.</p>
     </div>
      <div class="a-wrap">
        <a href="">go</a>
      </div>
    </div>
  </div>
</div>

*{
  box-sizing:border-box;
}

.container{
  display: flex;
  justify-content:space-between;
}

.wrap-img{
  max-width:500px;
  height:300px;
  background-color: orange;
  display: flex;
  flex-direction:column;
  justify-content:space-between;
}

.wrap-cont{
  max-width:500px;
  display: flex;
  flex-direction:column;
  justify-content: space-between;
}

.text-wrap{
  display: flex;
  flex-direction:column;
  align-self: start;
}

.box-wrap{
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid red;
}