<div class="t1"></div>
<div class="t2">
<div class="t3"></div></div>


<style>
  body{
    background:#09042A;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  div{
    height:150px;
    width:150px;
    overflow:hidden
  }
  .t1 {
    left:25px;
    background:#7B3F61;
    border-radius:50%;
    position:relative;
  }
  .t2 {
    right:25px;
    background:#E78481;
    border-radius:50%;
    position:relative;
  }
  .t3{
    border-radius:75px;
    background:#09042A;
    width:150px;
    height:150px;
    left:-100;
    position:absolute;
    overflow:hidden;
  }
</style>