наложение полоски на фотo CSS [закрыт]

html, body{ 
  height: 100%; 
  width: 100%; 
  padding: 0; 
  margin: 0; 
} 
 
.parent{ 
  display:flex; 
  width: 100%; 
  height: 50%; 
  background: url("https://lexusenthusiast.com/images/weblog/15-12-01-lexus-japan-pre-orders.jpg") center center no-repeat; 
  background-size: cover; 
} 
 
.parent > div{ 
  display: flex; 
  width: 100%; 
  height: 100%; 
   
  z-index:1; 
   
-webkit-clip-path: polygon(80% 0, 100% 0, 100% 100%, 60% 100%); 
clip-path: polygon(80% 0, 100% 0, 100% 100%, 60% 100%); 
   
  background-color: #3e506d; 
} 
 
.parent > div > div{ 
  width: 100%; 
  height: 100%; 
   
  z-index:2; 
   
-webkit-clip-path: polygon(80% 0, 100% 0, 100% 100%, 60% 100%); 
clip-path: polygon(85% 0, 100% 0, 100% 100%, 65% 100%); 
   
  background-color: #1a1a1a; 
}

<div class="parent"> 
  <div> 
    <div></div> 
  </div> 
</div>