JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://placehold.it/100x100" class="one" />
<img src="http://placehold.it/100x100/000000" class="two" />

CSS

.two {
    opacity: .5;
    position: relative;
    pointer-events: none;
    top: 50px; left: -50px;
}

JavaScript

(function () {

    document.querySelector( ".one" ).addEventListener( "click", function () {
        alert( "You clicked .one" );
    });
    
}());