JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="before"></div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, ipsum deserunt optio perferendis quidem nobis mollitia esse saepe minima recusandae, sint ducimus adipisci. At rem, obcaecati eveniet eos facere incidunt?
</div>

CSS

#wrap {
      width: 220px;
      margin: 0 auto;
      position: relative;
      min-height: 300px;
      padding: 45px 15px 0;
      background: 
        url(http://s012.radikal.ru/i320/1410/89/b8760fd204c0.png) left top no-repeat,
        url(http://s017.radikal.ru/i405/1410/30/a045c7a7a651.png) left bottom no-repeat;
    }
    #before {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      margin: 121px 0 158px;
      background: red;
      opacity: .3;
    }