JSFiddle - React, Tailwind, and code Playground

HTML

<div class="transform_promo">

 <div class="transform_promo_top_title">Видео отзывы учеников</div> 

</div>

CSS

body {
  margin: 0;
}
.transform_promo {
  position: relative;
  height: 1180px;
  padding: 200px 50px;
}

.transform_promo::before,
.transform_promo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.transform_promo::before {
  width: 100%;
  height: 1180px;
  background: #5b518e;
  clip-path: polygon(0 21%, 100% 0, 100% 54%, 0 100%);
  z-index: -1;
}

.transform_promo::after {
  width: 100%;
  height: 1045px;
  background: #e12c72;
  clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 54%);
  z-index: -2;
}
.transform_promo_top_title {
  color: #fff;
}