JSFiddle - React, Tailwind, and code Playground

HTML

<div id="resize-rotate-instruction" class="resize-rotate-instruction modal">
  <div id="resize-rotate-instruction-content" class="resize-rotate-instruction-content modal-content">
    <div class="instruction-list-content">
      <div class="styled-list-text">
        <div id="rotate-instruction-container" class="rotate-instruction-container">
          <b>rotate it</b>
          <img id="rotate-instruction-image" class="rotate-instruction-image" src="https://visualbrands.s3.amazonaws.com/rotate.jpg" />
        </div>
        <div id="resize-instruction-container" class="resize-instruction-container">
          <b>resize it</b>
          <img id="resize-instruction-image" class="resize-instruction-image" src="https://visualbrands.s3.amazonaws.com/resize.jpg" />
        </div>
        <div id="move-instruction-container" class="move-instruction-container">
          <b>move it</b>
          <br>
          <br>
          <br>
          <img id="move-instruction-image" class="move-instruction-image" src="https://visualbrands.s3.amazonaws.com/move.jpg" />
        </div>
        <div id="frontback-instruction-container" class="frontback-instruction-container">
          <b>bring it front or behind other photographs (with a mouse right click)</b>
          <img id="frontback-instruction-image" class="frontback-instruction-image" src="https://visualbrands.s3.amazonaws.com/frontback.jpg" />
        </div>
      </div>
    </div>
  </div>
</div>

CSS

html,
body {
  height: 100%;
}

body {
  background-color: #E4E4E4;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

.resize-instruction-image,
.move-instruction-image,
.frontback-instruction-image {
  max-width: 100%;
}

.rotate-instruction-image {
  max-width: 98%;
}

.resize-instruction-container,
.rotate-instruction-container,
.move-instruction-container,
.frontback-instruction-container {
  float: left;
  width: 48%;
  text-align: center;
  margin-bottom: 2%;
}

.rotate-instruction-container,
.move-instruction-container {
  margin-right: 2%;
}

.resize-rotate-instruction {
  width: 75%;
}

.instruction-list-content {
  width: 65%;
  margin: auto;
  font-size: 1.2vw;
  font-weight: normal;
  overflow: auto;
}

.styled-list-text {
  float: left;
  width: 85%;
  text-align: left;
}