JSFiddle - React, Tailwind, and code Playground

HTML

<header>Power</header>
<div class="skewed-bg">
  Quienes Somos.
</div>

CSS

header {
  background: #CCC;
  padding: 2em;
}

.skewed-bg {
    background: #830024;
    color: #FFF;
    padding: 2em;
    position: relative;
    min-height:300px;
    overflow:hidden;
}
.skewed-bg:after {
  content: '';
  position: absolute;
  bottom: -75%; left: 0; right: 0;
  height:100%;
  background:#FFF;
  transform: skew(0deg, -9deg);
}