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

.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

  overflow: hidden
  z-index: -1
  
  &:after 
    position: absolute
    display: block
    content: ''
    top: 0
    left: 0
    bottom: 0
    right: 0
    border: 5px solid red
    border-radius: 10%
  
  &:before
    position: absolute
    display: block
    content: ''
    width: 50%
    height: 50%
    top: -25%
    left: -25%
    background-color: #fff
    border: 4px solid red
    transform: rotate(45deg)
    z-index: 1
    
    
  
  h2
    margin-bottom: 1rem