JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="left">
    <img src="https://picsum.photos/id/237/300/200"/>
  </div>

  <div class="right">
    <div class="right--first">
      <img src="https://picsum.photos/id/237/300/200"/>
    </div>
    <div class="right--second">
      <img src="https://picsum.photos/id/237/300/200"/>
    </div>
  </div>
</div>

CSS

.wrapper {
  display: grid;
  grid-template-columns: 50% 50%;
}

.left {
  grid-column: 1;
  grid-row: 1;
}

.right {
  grid-column: 2;
  grid-row: 1 / span 2;
}