To make any object or div not clickable

The pointer-events property allows for control over how HTML elements respond to mouse/touch events – including CSS hover/active states, click/tap events in Javascript, and whether or not the cursor is visible. 

.avoid-clicks {
  pointer-events: none;
}