Blossom

<div>
  <div></div>
  <div></div>
</div>
<div id="right">
  <div></div>
  <div></div>
</div>

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

  div > div {
    width: 80px;
    background: #f7ec7d;
    border-radius: 0 50px;
    margin: 20px 10px;
  }

  div > div:nth-of-type(1) {
    height: 100px;
    background: #1a4341;
  }

  div > div:nth-of-type(2) {
    height: 60px;
    background: #f3ac3c;
  }

  #right {
    transform: scaleX(-1) rotate(180deg);
  }
</style>