How to cut out the middle of an image to show through the layer underneath?

Question

css

I did not receive a single answer to the previous question, I hope there will be nothing wrong if I create another similar one.

Yesterday I asked this question How can I make a part of the image show through in JS on hover?
I thought I figured it out, but in the end I do not understand how to do it. Here is what is https://jsfiddle.net/0awf48ph/4/
I tried to make it differently so that the transparency changes exactly at the rectangle that follows the mouse, but nothing comes out
How to make the layer cut out only within this rectangle, and the rest stay as is?

Answer 1

htmlbook.ru/css/clip