JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div>

CSS

*{margin:0; padding:0;}
div{
  width:200px;
  height:250px;
  border: solid 2px red;
  border-bottom:none;
  position:relative;
  margin:0 auto;
  margin-bottom:0;
}
div:after{
  position:absolute;
  content:"";
  left:-2px;
  bottom:-50px;
  height:57px;
  width:102px;
  background: linear-gradient(25deg,  #f3f5f6 49px, #f00 51px,#f3f5f6 53px);
}
div:before{
  position:absolute;
  content:"";
  bottom:-50px;
  right:-2px;
  height:57px;
  width:102px;
  background: linear-gradient(-25deg, #f3f5f6 49px, #f00 51px,#f3f5f6 53px);
}