Rain Drops

<div></div>
<div></div>
<div></div>
<style>
  body {
    background: #f3ac3c;
    display: grid;
    place-content: center;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 60px;
  }
  div {
    width: 80px;
    height: 80px;
    background: #254241;
    border-radius: 100px 100px 100px 00px;
    rotate: -45deg;
    translate: -70px;
  }

  div:nth-child(1) {
    grid-row: 1/-1;
    rotate: -135deg;
    translate: -10px 0;
  }
  div:nth-child(3) {
    rotate: 135deg;
  }
</style>