<div class="gr_wrap">
<div class="gr1"></div>
<div class="gr2"></div>
<div class="gr3"></div>
  </div>

.gr_wrap {
  background:red;
  margin:50px 0px; 
   width:100%;
  height:290px;
  display:flex;
}
.gr1 {
 background:green;
 width:33.33333%;
  height:290px;
  z-index: 2;
  transform:translateY(200px);
  transform:rotate(2deg);
  transform:skewY(2deg);
}

.gr2 {
 background:green;
 width:33.33333%;
  height:290px;
  z-index: 2;
   transform:rotate(-2deg);
}

.gr3 {
 background:green;
 width:33.3333%;
  height:290px;
  z-index: 2;
   transform:rotate(2deg);
}