JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum.
    <div id="overlay"></div>
</div>

CSS

#test {
    position: relative;
}

#overlay {
  position: absolute;
  z-index: 150;
  
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  
  border: 1px solid #afad9d;
  background: url('http://builder1.netestate.de/common/images/content/edit/section/overlay/background-color.png') repeat;

  min-height: 34px;
  cursor: move;
}