JSFiddle - React, Tailwind, and code Playground

by Joulence

HTML

<div class="first">
  <div class="second">
    <img src="https://i.ibb.co/CWwc8p8/fruits.png">
  </div>
</div>

SCSS

.first {
  position: absolute;
  -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  background-color: red;
}

.second {
  position: absolute;
  background-color: green;
  left: 30px;
  top: 50px;
  z-index: 1;
}