Use code below to add mask on top of image to provide contrast a proper contrast.
By manipulating classes you can change the color and opacity of the mask.
You can even use a fancy gradient as a mask.
By changing the class you can manipulate the opacity of the mask.
The main purpose of the mask is to provide an appropriate contrast between the image and its content. The most common use of masks is to put text on an image.
You can easily add a ripple effect to the image with a mask.
Wrap a mask to change the image into a clickable link.
Use regular link to get image with ripple without additional effect.
Link with ripple
data-te-ripple-init utility with image to achieve an
additional ripple effect.