clip-path and
mask-image
are useful for masking and clipping images.
clip-path
is a property for clipping (cropping) an element to a specific shape. Various shapes can be clipped, including polygons, circles, and ellipses.
mask-image
, on the other hand, is a property for masking an element with an image or gradient. Masks can control transparency, allowing for more complex expressions.