JSFiddle - React, Tailwind, and code Playground

HTML

<div class="c">
  <div class="text">
    <p>
    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.
    </p>
    <p>
    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.
    </p>
    <p>
    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.
    </p>
    <p>
    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.    Lorem ipsum dolor sit amet.
    </p>
  </div>
  <div class="img">
  
  </div>
</div>

CSS

.c { width 500px; position:relative }
.c .text { width: 60%;  }
.c .img { position:absolute; width: 38%; right: 0; top: 0; bottom: 0; background-image: url(http://www.cameraegg.org/wp-content/uploads/2013/02/Nikon-D7100-Sample-Image.jpg); background-size: cover; background-position: center; }