cssbattle25

<div class="a"></div>
<div class="a b"></div>
<div class="c"></div>
<div class="c d"></div>
<style>
  * {background:#998235}
  .a {
    width: 80px;
    height: 100px;
    background: #1A4341;
    border-radius: 0 50px;
    position: absolute;
    left: 110px;
    top: 60px;
  }
  .b {
    left: 210px;
    top: 140px;
    transform: scaleY(-1);
  }
  .c {
    width: 80px;
    height: 60px;
    background: #F3AC3C;
    border-radius: 0 50px;
    position: absolute;
    left: 110px;
    top: 180px;
  }
  .d {
    left: 210px;
    top: 60px;
    transform: scaleY(-1);
  }
</style>