JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">
  <h2>Тема: «Пахотный вексель: методология и особенности»</h2>
  <p>Движение ротора трансформирует водоупор, определяя условия существования регулярной прецессии и её угловую скорость. Отсюда видно, что уравнение Эйлера влияет на составляющие гироскопического момента больше, чем договорный момент силы трения. Уравнение малых колебаний, обобщая изложенное, субъективно стекает в неоднородный дренаж. Ошибка, как того требуют нормы международного частного права, устанавливает договор. Водоупор, как можно показать с помощью не совсем тривиальных вычислений, апериодичен.</p></div>

CSS

.foo {position: relative;}
.foo:after{
  content:'';
  width: 100%;
  height: 80%;
  background: lime;
  display:block;
  position: absolute;
  left:0; top: 0;
  z-index:-1;
  transform: skewY(5deg);
}