JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="left">
  
  </div>
  <div class="middle">
  
  </div>
  <div class="right">
  
  
  </div>
</div>

CSS

* {
  margin:0;
  padding:0;
}
.container {
  display:grid;
  grid-template-columns: 30% 40% 30%;
  width:100vw;
  height:100vh;
}

.left {
  background:url('https://picsum.photos/300/600');
  background-size:cover;
}

.middle {
  background:url('https://picsum.photos/400/600');
  background-size:cover;
}

.right {
  background:url('https://picsum.photos/300/600');
  background-size:cover;
  }