JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
 <div class="wh">
 <div class="angle">
  <article class="indent">
   <span class="zagolovok_1 colourSilver">Сказочное заморское яство</span><br />
   <span class="nyamka"><b>Нямушка</b></span><br />
   <span class="s"><b>с фуа-гра</b></span><br />
   <p class="colourSilver"><b>10</b> порций<br />мышь в подарок</p>
  </article>
 </div>
 </div>

CSS

.wh{ 
    outline: 0px solid orange;
    width: 427px; 
    height: 640px; 
    background-color: white;  
    border-radius: 0px 10px 10px 10px;
    border: solid 6px #1698D9;
    cursor: pointer; 
    overflow: hidden;
    position: relative; 
}

.angle{
    margin-left: 50px;   
}

.angle::after{
    content: "";
    border-color: transparent #ffffff #ffffff transparent;
    border-style: solid;
    border-width: 25px;
    position: absolute;
    top: -2px;
    left: 0px;
}
.angle::before{
    content: "";
    border-color: transparent #1698D9 #1698D9 transparent;
    border-style: solid;
    border-width: 29px;
    position: absolute;
    top: -10px;
    left: -8px;  
}