<div class=left-top></div>
<div class=left-bottom></div>
<div class=right-top></div>
<div class=right-bottom></div>

<style>
  body {
    display:flex;
    justify-content:center;
    align-items:center;
    background: #998235;
  }

  .left-top{
    width:80px;
    height:100px;
    border-radius:0px 50px 0px 50px;
    background:#1A4341;
    position:absolute;
    left:110;
    top:60;
  }

  .left-bottom{
    width:80px;
    height:60px;
    border-radius:0px 50px 0px 50px;
    background:#F3AC3C;
    bottom:60;
    left:110;
    position:absolute;
  }
   .right-top{
    width:80px;
    height:60px;
    border-radius:50px 0px 50px 0px;
    background:#F3AC3C;
    right:110;
    top:60;
    position:absolute;
  }
   .right-bottom{
    width:80px;
    height:100px;
    border-radius:50px 0px 50px 0px;
    background:#1A4341;
    position:absolute;
    bottom:60;
    right:110;;
  }
</style>