JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  <h2>Заголовок</h2>
  <p>Параграф 1</p>
  <p>Параграф 2</p>
  <p>Параграф 3</p>
  <p>Параграф 4</p>
  <p>Параграф 5</p>

</div>

CSS

.block {
    position: relative;
    border: 1px solid #000;
    width: 200px;
    background: green;
}

.block:after {
    position: absolute;
    width: 100%;
    top: 20px;
    bottom: -17px;
    right: -17px;
    border: 1px solid red;
    content: '';
    background: red;
    z-index: -1;
}