<div class="outer outer1">
<div class="inner inner1"></div>
</div>
<div class="outer outer2">
<div class="inner inner2"></div>
</div>
<style>
body {background: #243D83}
.outer {
position: absolute;
display: relative;
width: 6.3rem;
height: 7.5rem;
background: #6592CF;
}
.outer1 {
top: 3.75rem;
right: 8.1rem;
}
.outer2 {
top: 7.5rem;
right: 10.6rem;
}
.inner {
height: 4.5rem;
width: 4.5rem;
background: white;
position: absolute;
}
.inner1 {bottom: 0}
.inner2 {
bottom: -0.75rem;
left: -0.7rem;
z-index: -1;
}
</style>