Overlay
Overlays alter the visibility of an element. They are used to make content legible by providing a proper contrast.
Example
Use .bg-overlay-{modifier}
to apply overlay of theme colors. Overlay requires wrapper which
sets its position to relative.