Disabling Pointer Events on Elements

If you wish to apply the pointer-events: none CSS property to your element, use the pointer-events-none utility class on the outer container or the element itself. This will make mouse events (including clicks) pass through your element. This can be useful when creating semi-transparent overlays above interactive page elements.