Как обрезать background на css

*{ 
  margin:0; 
  padding:0; 
} 
.content{ 
  width:100%; 
  height:350px; 
  margin:50px auto; 
  background-color:yellow; 
  position: relative; 
  transform: skewY(3deg); 
 
} 
.content:before{ 
  content:''; 
  display: block; 
  background:yellow; 
  width:100%; 
  height:350px; 
  position: absolute; 
  transform: skewY(-6deg); 
  top:60px; 
}

<div class="wrapper"> 
  <div class="content"></div> 
</div>

* { 
  margin: 0; 
  padding: 0; 
} 
 
.content { 
  width: 100%; 
  height: 350px; 
  margin: 50px auto; 
  background-color: yellow; 
  position: relative; 
  -webkit-clip-path: polygon(0 0, 100% 13%, 100% 84%, 0% 100%); 
  clip-path: polygon(0 0, 100% 13%, 100% 84%, 0% 100%); 
}

<div class="wrapper"> 
  <div class="content"></div> 
</div>