JSFiddle - React, Tailwind, and code Playground

HTML

<div id="backface"></div>
<div id="overlay"></div>

CSS

#backface {
    background: red;
    position: absolute;
    top: 30px;
    left: 30px;
    width: 100px;
    height: 100px;
}

#overlay {
    top: 80px;
    left: 80px;
    width: 100px;
    height: 100px;
    background: green;
    position: absolute;
    opacity: 0.5;
    pointer-events: none;
}

JavaScript

var backface = document.querySelector('#backface'),
    overlay = document.querySelector('#overlay');

backface.addEventListener('mousemove', function() {
    console.log('[backface] mousemove');
});

overlay.addEventListener('mousemove', function() {
    console.log('[overlay] mousemove');
});