JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>

CSS

.image {
  display: inline-block;
  height: 100px;
  width: 24%;
  border: 1px solid black;
}

@media screen and (max-width: 640px) {
  .image {
    width: 49%;
  }
}