JSFiddle - React, Tailwind, and code Playground

HTML

<div class='body'>
  <div class='image'>
    <p class='image-text'>
      Image<br>here
    </p>
  </div>
  <div class='description' style="width: 70%">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  </div>
</div>

<div class='body'>
  <div class="image">
    <p class='image-text'>
      Image<br>here
    </p>
  </div>
  <div class='description'>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  </div>
</div>

CSS

.body {
  width: 400px;
  height: 200px;
}

.image {
  display: table;
  float: left;
  width: 100px;
  height: 100px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.image-text {
  display: table-cell; 
  line-height: 20px;
  vertical-align: middle; 
  text-align: center;
}

.description {
  display: inline-block;
  float: left;
  padding-left: 10px;
  max-width: 70%;
}