JSFiddle - React, Tailwind, and code Playground

HTML

<div class="card">
  <h2>Title</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore et, laboriosam adipisci, molestiae hic labore aliquam exercitationem a ex doloribus.</p>
</div>

SASS

body
  background-color: skyblue

.card
  position: relative
  width: 200px
  height: 250px
  display: flex
  flex-flow: column
  justify-content: flex-start
  align-items: flex-start
  margin: 3rem auto
  padding: 4rem 2rem 2rem 4rem
  clip-path: polygon(50% -10%, 100% 0%, 100% 100%, -80% 100%);
  overflow: hidden
  z-index: -1
  border: 4px solid red
  border-radius: 10%
  clip-path: 
  
  &:after
    position: absolute;
    top: -27%;
    left: -25%;
    content: '';
    display: block;
    width: 50%;
    height: 50%;
    transform: rotate(45deg);
    border: 4px solid red;

    
  
  h2
    margin-bottom: 1rem