JSFiddle - React, Tailwind, and code Playground

by Chandana Thota

HTML

<div class="cloud"></div>

CSS

.cloud, .cloud:before, .cloud:after {
  position: absolute;
  width: 70px;
	height: 30px;
	background: #ccc;
	-webkit-border-radius: 100px / 50px;
	border-radius: 100px / 50px;
}


.cloud:before {
  content: '';
  left: 50px;
}
.cloud:after {
  content: '';
  left: 25px;
  top: -10px;
}