JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://s3.amazonaws.com/ephox-static-ephox-com/jsfiddle/textboxio/textboxio.js"></script>
<div class="article" style="height:300px">
  <img src="http://golfballsgalore.com/911-cart_default/titleist-pro-v1x-3-dozen-used-golf-balls-value-grade.jpg">
</div>
<br><br>
<br><br>
<div class="article2" style="height:300px">
  <img src="http://golfballsgalore.com/911-cart_default/titleist-pro-v1x-3-dozen-used-golf-balls-value-grade.jpg">
</div>

CSS

body {
  background-color: rgb(0, 183, 249);
}

#editable_region {
  margin-top: 5em;
  color: white;
  font-weight: 400;
}

#editable_region p {
  font-family: 'Helvetica Neue';
}

#editable_region h1 {
  text-transform: uppercase;
  font-family: 'Lato';
  font-size: 5em;
}

JavaScript

textboxio.replace('div.article');
textboxio.inline('div.article2');