JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

  <div class="parent">
    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 class="parent">
    <div class="child">
        <img src="http://i.imgur.com/sQSbV8o.jpg" width="200" height="200">
    </div>
  </div>

</div>

CSS

.container {
  margin-top: 250px;
  position: relative;
  border:1px solid green;
}
.child {
  position: absolute;
  top: -200px;
  right: 0px;
}