stripe-background.html

<div class="sandbox-StripeBackground">
  <span></span>
  <span></span>
  <span></span>
</div>

StripeBackground.scss

.sandbox-StripeBackground {
  width: 100%;
  height: 100%;
  display: grid;
  grid: repeat(5, 1fr) / repeat(10, 1fr);
  transform: skewY(-12deg);
  transform-origin: 0;
  background: linear-gradient(150deg, #1bcde4 15%, #0fedbf 70%, #c0ffa6 94%);
  span {
    &:nth-child(1) {
      grid-column: span 2;
      background: linear-gradient(90deg, #1be4de 10%, #15c6dd);
    }
    &:nth-child(2) {
      grid-area: 3 / span 3 / auto / -1;
      background-color: #1df1c5;
    }
    &:nth-child(3) {
      grid-row: 5;
      grid-column: span 4;
      background: linear-gradient(90deg, #1bcde4 30%, #0fede0);
    }
  }
}