The mask property changes the visibility of an element, partially or completely hiding it.
This is achieved by masking or cropping the image at certain points.
The shorthand mask property also resets mask-border to its initial value. Therefore, it is recommended to use mask before the rest of the properties to override any mask settings earlier in the cascade. This ensures that the mask-border has also been reset to allow the new styles to take effect.
mask: none | url() | inherit;