<div class="grid">
  <div class="box">Картинка</div>
  <div class="box">Заголовок</div>
  <div class="box">Описание</div>
</div>

.box {
  border:2px solid black;
 }
.grid {
  justify-content: center;
  display: grid;
  grid-template-columns: 220px 320px ;
  grid-template-rows: 83px 220px;
  grid-gap:20px;
}
.box:nth-child(1) {
  grid-row:1/3;
}
@media (max-width: 700px){
  .grid {
    grid-template-columns:320px;
    grid-template-rows: 60px 250px 120px;    
  }
  .box:nth-child(1) {
    grid-row:unset;
  }
  .box:nth-child(2){
    grid-row: 1;
  }
}