Table hover effect with image reveal

As soon as the cursor moves over a row in the table, the background appears, which fills the table row from the center. At the same time an image is revealed for each line, which scrolls at a fixed position with the page and could provide a preview of the content. You can also insert a background video here. Discovered on this website: https://neodlx.io
I added an additional line of custom code so that the effect still takes place even if you hover the mouse over the image and there is a table row below it. The image is ignored by the mouse (pointer-events:none).
Tutorial: https://youtu.be/pYPV0g54CU8
Similar sites

36
72

10
131

47
273

12
20

244
1.3k

261
1.6k