.wrapper-grid {
display: grid;
grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
grid-gap: 20px;
}
.wrapper-item {
border: 1px solid black;
height: 200px;
}
.wrapper-item:nth-child(1){
grid-column: 1/3
}
.wrapper-item:nth-child(2){
grid-column: 3/5
}
.wrapper-item:nth-child(3){
grid-column: 1/2
}
.wrapper-item:nth-child(4){
grid-column: 2/4
}
.wrapper-item:nth-child(5){
grid-column: 4/5
}
<div class="wrapper-grid">
<div class="wrapper-item">
</div>
<div class="wrapper-item">
</div>
<div class="wrapper-item">
</div>
<div class="wrapper-item">
</div>
<div class="wrapper-item">
</div>
</div>