Как на JS сделать чтобы при наведении часть картинки просвечивала?

Нужно взять две картинки, одну из них расположить под другой, как это сделать понятно, position:absolute и z-index, но основная задача в том, что бы при наведении мышкой или при нажатии в какую то часть этой картинки (квадрат, круг, треугольник, не важно) эта часть, размером например 64х64 просвечивала и была видна картинка с меньшим z-index.

Как это сделать вообще в голову не приходит, предполагаю, что нужно использовать canvas, но всё равно не представляю в какую сторону копать.