JSFiddle - React, Tailwind, and code Playground

HTML

<div id="about">
        <div class="section">
				  <div class="subImgwrap">
            <img class="subImg" src="https://cdn.photographylife.com/wp-content/uploads/2014/06/Nikon-D810-Image-Sample-6.jpg" alt="image">
          </div>
				  <div class="subsection">
					  <h2>Blah</h2>
            <hr>
					  <p>	blah<br>blah<br>blah<br>blah<br>blah<br>blah<br>
					  </p>
				  </div>
				  <div class="subsection">
					  <h2>Blah</h2>
            <hr>
					  <p>	blah<br>blah<br>blah<br>blah<br>blah<br>blah<br>blah<br>
					  </p>
				  </div>
			  </div>
      </div>

CSS

.section{
	width: 100%;
  text-align: center;
  background-color:#fdfdfd;
  display: table;
}

.subsection, .subImgwrap {
  display: table-cell;
  float: none;
}

.subsection{
	vertical-align: top;
	text-align: left;
}
.subImgwrap {
  vertical-align: middle;
}
.subImg{
  text-align: left;
  width: 100px;
}