Testing 'pointer-events' property in HTML

This whole paragraph SHOULD change background when hovered

This whole paragraph SHOULD NOT change background when hovered

This paragraph SHOULD change background when hovered anywhere including this inline text even though the inline text ignores pointer events.

This paragraph SHOULD NOT change when the pointer is over only it but this inline text SHOULD change and cause the parent to change also.

This paragraph SHOULD NOT change when the pointer is over only it (not the child)
This child element SHOULD change and cause the parent to change also

The following image SHOULD change when the pointer is over it.

The following image SHOULD NOT change when the pointer is over it.

The following image SHOULD change when the pointer is over it. It is inline with this paragraph.

The following image SHOULD NOT change when the pointer is over it. It is inline with this paragraph.

This paragraph SHOULD NOT change when the pointer is over only it, but the child image SHOULD react and cause the parent to change.

This paragraph SHOULD change when the pointer is over it, but the child image SHOULD NOT react.