*,
*:after,
*:before {
  box-sizing: border-box;padding:0;margin:0;
}

body > div {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

div > div {
  width: 100px;
  height: 120px;
  color: red;
  background-color: currentColor;
  border-radius: 60% 60% 60% 60% / 50% 50% 80% 80%;
  position: relative;
  margin: 4px;
  margin-bottom: 20px;
}
div > div:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 16px solid currentColor;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  height: 0;
  width: 14px;
}
div > div:nth-child(3n) {
  color: blue;
}
div > div:nth-child(2n) {
  color: green;
}
div > div:nth-child(4n) {
  color: orange;
}
div > div:nth-child(5n) {
  color: purple;
}