JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top"></div>
<div class="bottom translated"></div>
<div class="top"></div>
<div class="bottom"></div>

CSS

.top {
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid blue;
    -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.75));
}
.bottom {
    height: 80px;
}
div {
   -webkit-transform: translate3d(0px, 0px, 0px);
}