JSFiddle - React, Tailwind, and code Playground

HTML

<section id="container">
  <article>
    <img src="http://placehold.it/250x250.png" alt="">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec est libero, quis ullamcorper arcu. Mauris at lacus metus, non porttitor diam. Aenean aliquet orci in eros pharetra a tincidunt enim sollicitudin. Proin vehicula diam vitae purus iaculis sit amet viverra orci sodales. Phasellus nec eros mauris, eget faucibus ipsum. Phasellus aliquet vehicula elit a commodo. Cras eros mauris, pharetra id eleifend sed, pretium quis nunc. Sed imperdiet pellentesque purus, elementum iaculis tellus egestas et. Ut eu sodales orci. Curabitur a orci elit. Vestibulum sodales interdum urna hendrerit congue. Nullam lorem metus, laoreet quis ultrices eu, congue sodales erat. Etiam.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec est libero, quis ullamcorper arcu. Mauris at lacus metus, non porttitor diam. Aenean aliquet orci in eros pharetra a tincidunt enim sollicitudin. Proin vehicula diam vitae purus iaculis sit amet viverra orci sodales. Phasellus nec eros mauris, eget faucibus ipsum. Phasellus aliquet vehicula elit a commodo. Cras eros mauris, pharetra id eleifend sed, pretium quis nunc. Sed imperdiet pellentesque purus, elementum iaculis tellus egestas et. Ut eu sodales orci. Curabitur a orci elit. Vestibulum sodales interdum urna hendrerit congue. Nullam lorem metus, laoreet quis ultrices eu, congue sodales erat. Etiam.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec est libero, quis ullamcorper arcu. Mauris at lacus metus, non porttitor diam. Aenean aliquet orci in eros pharetra a tincidunt enim sollicitudin. Proin vehicula diam vitae purus iaculis sit amet viverra orci sodales. Phasellus nec eros mauris, eget faucibus ipsum. Phasellus aliquet vehicula elit a commodo. Cras eros mauris, pharetra id eleifend sed, pretium quis nunc. Sed imperdiet pellentesque purus, elementum iaculis tellus egestas et. Ut eu...

CSS

html, body {
 height: 100%;
 padding: .5em;
 margin: 0;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
}
#container {
 height: 100%;
 -moz-columns: 15em;
}

#container article {
 vertical-align: top;
 display: inline;
}

#container article img {
 display: block;
 margin: 1em auto;
 max-width: 100%;
 max-height: 100%;
}
#container article img:first-child {
 margin-top: 0;
}
#container article img:last-child {
 margin-bottom: 0;
}