JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid">
  <img class="item1" src="http://placekitten.com/350/280" alt="">
  <img class="item2" src="http://placekitten.com/165/135" alt="">
  <img class="item3" src="http://placekitten.com/165/135" alt="">
  <img class="item4" src="http://placekitten.com/165/135" alt="">
  <img class="item5" src="http://placekitten.com/165/135" alt="">
</div>

CSS

.grid {
  display: inline-grid;
  grid-template-columns: 350px repeat(3, 1fr);
  grid-template-rows: 135px 135px;
  grid-gap: 10px;
}

.item2 {
  grid-column: 2 / 3;
}

.item3 {
  grid-column: 3 / 4;
}

.item4 {
  grid-column: 2 / 3;
}

.item5 {
  grid-column: 3 / 4;
}