<div class="out out1">
<div class="in"></div>
</div>
<div class="out out2">
<div class="in"></div>
</div>
<div class="out out3">
<div class="in"></div>
</div>
<div class="out out4">
<div class="in"></div>
</div>
<div class="out">
<div class="in"></div>
</div>
<style>
body {
background: #2F5A76;
display: grid;
grid-template-rows: 1fr 2fr 1fr 2fr 1fr;
height: 93.5%;
width: 100%;
margin: 0;
margin-top: 1.25rem;
}
.out {
background: #F5BB60;
display: flex;
justify-content: center;
}
.in {
background: #2F5A76;
height: 100%;
width: calc(100% - 5rem);
}
.out4 {margin: 0 10%;}
.out3 {margin: 0 20%;}
.out2 {margin: 0 30%;}
.out1 {margin: 0 40%;}
</style>