Как мне вырезать изображение по форме этого изображения PNG в CSS?

Как разместить изображение поверх этого изображения png, но сохранить форму в CSS?

Я видел, что есть способы сделать это с помощью clipPath SVG, но мне было интересно, есть ли более быстрый способ, просто установив его как фоновое изображение или что-то в этом роде?

_{Свободный перевод вопроса How do I fit an image to the shape of this PNG image in CSS? от участника @ryan..}