<div class="container">
<div><img src="https://source.unsplash.com/600x600/?
flower,yellow" alt="" class="clip-heart"></div>
<div><img src="https://source.unsplash.com/600x600/?
flower,yellow" alt="" class="clip-hukidashi"></div>
</div>
.container{
display:flex;
}
.clip-heart {
width:300px;
height:300px;
clip-path:path('M226 11c-62-37-96 35-97 38-2-2-35-75-97-38-44 27-43 110 13 156 43 36 81 54 84 55s39-18 84-55c56-46 56-129 13-156z');
}
.clip-hukidashi {
width:300px;
height:300px;
clip-path:polygon(0% 0%, 100% 0%, 100% 70%, 45% 70%, 70% 90%, 70% 70%, 0% 70% );
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.