JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

  <div class="parent">
    <div class="paragraph">
    Hello world! I don't want to overlap with the image. Hello world! I don't want to overlap with the image. Hello world! I don't want to overlap with the image.
    </div>
     
  </div>

  <div class="parent">
    <div class="child">
        <img src="http://i.imgur.com/sQSbV8o.jpg" width="200" height="200">
    </div>
  </div>

</div>

CSS

.container {
  border:1px solid green;
  display: inline-table;
}
.parent{
  display: inline-table;
  vertical-align: top;
  width: 50%;
}
.child {
  float:right;
}