CSS Grid 2

section {
width: 80%;
margin: 0 auto;
line-height: 0;
position: relative;
}
section img {
width: 100%;
}
section article {
position: absolute;
top: 0;
width: 100%;
background: white;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
mix-blend-mode: lighten;
}
section div {
background: black;
height: 25.3vw;
}
section div:nth-of-type(2) {
grid-column: 2 / 4;
}

 

<section>
<img src=”https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/portrait.jpg” alt=””>
<article>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</article>
</section>