JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

    <div class="imageholder">        
      <h2>Image Header</h2>
         <img src="http://www.derdiz.com/wp-content/uploads/2011/06/vertigo.jpg" width="200" height="200" border="0" style="display:block;"/>
             </div>
    <div class="textholder">
         <h2>Text Header</h2>
         <p>I somehow couldn't get the JavaScript to work here, but if you change the width of the image manually (just scroll down a bit in the HTML panel, max 250px) you'll see that this table setup works. The colours are just a simple high contrast example and the CSS is stripped down.<p>
             </div>
     
             </div>

CSS

}
.container {
    width: 100%;
    background-color: #DDD;
    border: 1px solid #0F0;
}

h2 {
    background-color: #00F;
    color: #FFF;
    font-weight: bold;
    text-align: left;
}

.imageholder {
    float: right;
}