JSFiddle - React, Tailwind, and code Playground

HTML

<div id="about">
        <div class="section">
				<img class="subImg" src="https://cdn.photographylife.com/wp-content/uploads/2014/06/Nikon-D810-Image-Sample-6.jpg" alt="image">
				<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;
}

.subsection{
	vertical-align: top;
	margin: 20px;
	text-align: left;
	display: inline-block;
	max-width: 20%;
}

.subImg{
  vertical-align: middle;
	margin: 20px;
	text-align: left;
	display: inline-block;
	max-width: 20%;
}