<div class="cir-2"></div>
<div class="cir-1">
<div class="cir-3"></div></div>
<style>
body{
background:#09042A;
}
.cir-1 {
width: 150px;
height: 150px;
background: #7B3F61;
border-radius:50%;
position:absolute;
left:75px;
top:75px;
overflow:hidden;
}
.cir-2 {
width: 150px;
height: 150px;
background:#E78481;
border-radius:50%;
position:absolute;
left:175px;
top:75px;
}
.cir-3 {
width: 150px;
height: 150px;
background:#09042A;
border-radius:50%;
position:absolute;
left:100px;
}
</style>