JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<img src="https://images-na.ssl-images-amazon.com/images/I/41QD6RBYQNL._AC_SY450_.jpg" alt="">
<div class="db"></div>

CSS

img {
  opacity: .1;
  position: absolute;
}

.db {
  border: .6em solid;
  width: 10em;
  height: 17em;
  border-radius: 10em 10em 10em 10em/20em 11em 11em 20em;
  border-color: red green transparent gold;
  transform: skewY(-40deg) skewX(-12deg) translate(0, 3em);
}