JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<div class="container-fluid">
  <div class="row">
    <div class="col-4">
      <div class="b">img</div>
      <div class="b mt-4">img</div>
    </div>
    <div class="col-4 d-flex">
      <div class="b w-100">img</div>
    </div>
    <div class="col-4 d-flex">
      <div class="b w-100">img</div>
    </div>
  </div>
</div>

CSS

.b {
  background: red;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}