<div class="container">
  
</div>
<div class="row">
  <img src="https://dummyimage.com/300x400/000/fff&text=1" alt="">
  <img src="https://dummyimage.com/300x400/000/fff&text=2" alt="">
  <div class="col">
      <img src="https://dummyimage.com/300x200/000/fff&text=3" alt="">
      <img src="https://dummyimage.com/300x200/000/fff&text=4" alt="">
  </div>
</div>

body {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.row {
  display: flex;
}

.col {
  display: flex;
  flex-direction: column;
}

img {
  padding: .2rem;
  border-radius: 1rem;
}