JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-container">
    <div class="item">
      <h1>Hello world!</h1>
    </div>
    <div class="item">
      <img class="img-responsive" src="http://via.placeholder.com/1920x1080">
    </div>
    <div class="item">
      <img class="img-responsive" src="http://via.placeholder.com/1920x1080">
    </div>
    <div class="item">
      <h1>Hello world!</h1>
    </div>
</div>

CSS

.flex-container {
    display: flex;
    flex-wrap: wrap;
}
.item {
    width: 50%;
}
.img-responsive {
    width: 100%;
    height: auto;
}