JSFiddle - React, Tailwind, and code Playground

HTML

<span class="triangle"></span>
<span class="triangle"></span>

CSS

.triangle {
    display: block;
    width:0;
    height:0;
    margin-top: -100px;
    border: solid 100px transparent;
    border-left-width: 60px;
    border-right-width: 140px;
    border-bottom-color: #ccc;
}

.triangle + .triangle {
    border-bottom-color:#efefef;
    border-right-width: 160px;
    border-left-width: 30px;
    z-index: -1;
    margin-top:-200px;
    margin-left: 30px;
}