Instead of CSS clip property we can use clip-path property.
CSS clip-path property is used to create a clipping region, it specifies which part of the image can be displayed.
Only the region in the clipping region will be displayed, while the image in the outside area is hidden.
This property can have one of the following values circle, ellipse, polygon.
css clip-path values are