Css-the problem of setting irregular borders in pictures.

< hr >

the picture frame designed by the design draft looks like this, how to set such a frame style.
I have thought of using a border template to add an overflow:hidden, to the outer layer, but I don"t know where to start by quoting the picture.
ask the master to answer

May.31,2021

Picture mask

-webkit-mask-image: url(../img/test.png);
-webkit-mask-position: 50%;
-webkit-mask-size: 3.6rem 4rem;

upstairs positive solution.
attach a community-related post: https://codeshelper.com/a/11.

"
Menu