title: clip-path polygon with curve edges
body: <p>Goal is to achieve this.
  <img src="https://i.stack.imgur.com/V3ikq.png" alt="enter image description here" /></p>
  <p>I got till here.</p>
  <p><img src="https://i.stack.imgur.com/5Ae37.png" alt="enter image description here" /></p>
  <p>how to curve the bottom edges? any help is appreciated.</p>
  <pre>
    div class="curved-message"/>
  
  .curved-message{
      background: 'lightblue';
      clip-path: polygon(0% -20%, 100% 0%, 100% 90%, 56% 90%, 52% 100%, 48% 90%, 0% 90%);
      border-radius: 25px;
      margin-top: 250px;
      height: 345px;
      border-top: 4px solid white;
      border-left: 4px solid white;
      border-right: 4px solid white;
      max-width:750px;
  }
  
  </pre>