JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
      <div id="content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer augue</p>
        <p>massa, scelerisque non viverra sagittis, egestas nec erat. Aliquam vel</p>
      </div>
      <div id="bg">&nbsp</div>
    </div>

CSS

#wrapper {
        background: #fdd;
        position: relative;
        width: 300px;
        z-index: 0;
      }

      #content{
        width: 300px;
        z-index: 100;
        position: relative;
      }

      #bg{
        background: #ddf;
        position: absolute;
        bottom: 0;        
        left: 0;
        top:20;
        width: 40%;
        z-index:101;
      }