This cloneable demonstrates a fun hover effect. I think there's probably a few ways to achieve this, but I've used CSS Grid to divide the section up, and then each quadrant has a hover interaction to move the highlight box. The empty spaces around the edge also have their own triggers so that the box disappears off the side.
Examples provided first without and then with images. Mobile landscape and below also shows an alternative idea for translating to small screens based on scroll.
I've added this section at the bottom purely so that there is something below on the mobile version, but thanks for reading this anyway. You're pretty cool you know, I like you, let's be friends.
