JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cont">
    <div class="cont2">
        <img src="http://www.vector-finder.com/site-images/too_big/fantasy_banner_vector.jpg" />
        <p>Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here.</p>
    </div>
</div>

CSS

.cont2 {
    display: table;
    margin: 0 auto;
}

.cont2 img {
    display: block;
    max-width: 100%;
}
p {
    display: table-caption;
    caption-side: bottom;
    padding: 5px 8px;
}