<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<style>
body{ background: #62306D; }
div{
width: 100px; height: 100px;
background: #F7EC7D;
position: absolute;
border-radius: 0 0 50% 50%;
}
#box1{ top:150px; left: 50px; }
#box2{ top:50px; left: 150px; transform: rotate(180deg); }
#box3{ top:150px; left: 250px; }
</style>