Не получается сделать полоски как на картинке [закрыт]

body,html { 
  padding: 0; 
  margin: 0; 
 } 
 
.wrap { 
  position: relative; 
  background: #EDF2F5; 
  padding: 10% 0; 
  text-align:center; 
} 
 
.wrap .content { 
  position: relative; 
  z-index: 10; 
} 
 
.wrap::before { 
  content: ""; 
  position: absolute; 
  overflow: hidden; 
  width: 31%; 
  background: #fff; 
  left: 37%; 
  transform: translateX(-50%); 
  transform: rotate(15deg); 
  height: 140%; 
  top: -20%; 
}

<div class="wrap"> 
  <div class="content"> 
    <h1>За сколько месяцев окупится ГБО</h1> 
  </div> 
</div>