JSFiddle - React, Tailwind, and code Playground

HTML

<div id="first"></div>
<div></div>
<div id="last"></div>

CSS

div {
	top: 100px;
	left: 30px;
  width: 300px;
  height: 100px;
  background-color: #bbb;
  border: 0px solid black;
  margin-bottom: -10px;
  position: absolute;
	border-radius: 5px;
}

#first {
	top: 73px;
	transform: skewY(-2deg);
}
#last {
	top: 130px;
	transform: skewY(-5deg);
}