JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="item"><img src="https://images.unsplash.com/photo-1578155019783-ceefc2f7142a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1489&q=80" alt=""></div>
  <div class="item"><img src="https://images.unsplash.com/photo-1567256827524-35618d9fd44f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1489&q=80" alt=""></div>
  <div class="item"><img src="https://images.unsplash.com/photo-1565438525268-adf2e49737e4?ixlib=rb-1.2.1&auto=format&fit=crop&w=1489&q=80" alt=""></div>
  <div class="item"><img src="https://images.unsplash.com/photo-1567329776387-a135c5ea2f75?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt=""></div>
</div>

CSS

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 1000px;
}

.item {
  width: 50%;
}

.item img {
  width: 100%;
}