JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<div class="row equal">
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" style="margin: auto;">
      <p>Corn as we know it today would not exist if it weren't for the humans that cultivated and developed it. It is a human invention, a plant that does not exist naturally in the wild. It can only survive if planted and protected by humans.</p>
    </div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
      <img src="https://static.scientificamerican.com/sciam/cache/file/A2160CE6-FFE4-4C38-856898CF76BE096B_source.jpg?w=590&h=800&74DBF53B-21D3-4081-8C9B4B27BD9955EE">
    </div>
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" style="margin: auto;">
      <p>Scientists believe people living in central Mexico developed corn at least 7000 years ago. It was started from a wild grass called teosinte. Teosinte looked very different from our corn today. The kernels were small and were not placed close together like kernels on the husked ear of modern corn. Also known as maize Indians throughout North and South America, eventually depended upon this crop for much of their food.</p>
    </div>	
  </div>

CSS

img {
  width: 100%;
}
p {
  padding: 2em;
}
@media (min-width: 768px) {
  .equal {
    display: flex;
    flex-wrap: wrap;
  }
}