JSFiddle - React, Tailwind, and code Playground

by Simon Hi

HTML

<div>
  <img title="Le reste" src="https://forum.alsacreations.com/upload/1642682785-84086-avocatsmall.png">
  <img title="Noyau" src="https://forum.alsacreations.com/upload/1642682785-84086-avocatsmall.png">
</div>

CSS

div {
  position: relative;
}

img {
  position: absolute;
  width: 218px;
  height: 234px;
}

img:nth-of-type(1) {
  clip-path: rect(0 0 218 234);
}

img:nth-of-type(2) {
  clip-path: polygon(62% 30%, 73% 40%, 76% 50%, 72% 60%, 65% 61%, 56% 57%, 51% 50%, 53% 40%);
}