JSFiddle - React, Tailwind, and code Playground

HTML

<div class="b-wrapper">
    <div class="b-white b-white_left-to-right">&nbsp;</div>
    <div class="b-green">&nbsp;</div>
    <div class="b-white b-white_right-to-left">&nbsp;</div>
</div>

CSS

.b-wrapper {
    width: 800px;
    overflow: hidden;
}
.b-white {
    background: #ecf0f1;
    height: 150px;
    width: 1000px;
}

.b-white_right-to-left {
    transform: rotate(2deg);
    margin-top: -80px;
    margin-left: -50px;
}

.b-white_left-to-right {
    transform: rotate(-2deg);
    margin-bottom: -80px;
    margin-left: -50px;
}

.b-green {
    background: #16a085;
    height: 500px;
}