如何使图像适合 CSS 中此 PNG 图像的形状？

Question

如何在这张 png 图像上添加图像但保持形状？在 CSS?

我看到有一些方法可以使用 SVG 剪辑路径执行此操作，但我想知道是否有更快捷的方法，只需将其设置为背景图像或其他东西？

谢谢，抱歉，如果这是一个愚蠢的问题。

Answer 1

这是面具的目的：

img {
  -webkit-mask:url(https://i.ibb.co/mBrmH0k/Mf15d.png) center/contain no-repeat;
}

<img src="https://picsum.photos/id/1079/200/200">
<img src="https://picsum.photos/id/1069/200/200">

How do I fit an image to the shape of this PNG image in CSS?