img-flex

by dcheglakov

HTML

<div class="container">
  <div class="col">
    <img src="https://source.unsplash.com/random" alt="">
  </div>
  <div class="col">
    <div class="up">
      <img src="https://source.unsplash.com/random" alt="">
    </div>
    <div class="down">
      <img src="https://source.unsplash.com/random" alt="">
    </div>

  </div>
</div>

CSS

.container {
  display: flex;
}

.container .col:first-child {
  padding-right: 15px;
}

.container .col {
  width: 50%;
  box-sizing: border-box;
}

.container .col div:first-child {
  padding-bottom: 15px;
}

.container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-sizing: border-box;
}