JSFiddle - React, Tailwind, and code Playground

HTML

<div>

CSS

* {
    padding: 0;
    margin: 0;
}
div {
    display: block;
    background: url(http://placehold.it/350x150);
    width: 100vw;
    height: 20vw;
}
div::before {
    content: "";
    width: 100px;
    height: 40px;
    background: white;
    display: block;
    top: calc(20vw - 20px);
    position: absolute;
    box-shadow: 0 0 0 white, 100px -17px 0 white, 200px -34px 0 white, 300px -51px 0 white, 400px -68px 0 white, 500px -85px 0 white, 600px -102px 0 white, 700px -119px 0 white, 800px -136px 0 white, 900px -153px 0 white;
    transform: skewY(10deg);
}