JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cut-off">
    <p>Hey there!</p>
</div>
<div class="cut-off2"></div>

CSS

.cut-off{
    position: relative;
width: 300px;
    height: 150px;
    border-bottom: 80px red solid;
    border-right: 80px transparent solid;

}

.cut-off2{
    position: absolute;
    z-index: -1;
  top:0;
    left: 0;
    width: 305px;
    height: 150px;
    border-bottom: 82px blue solid;
    border-right: 80px transparent solid;
}

p{
    position: absolute;
    left: 0;
    bottom:-40px;

}