How can I create the effect shown in this image, where the part of the image under the mouse pointer appears to bend or warp as the cursor moves over it? I am new to web development and don’t have any experience with implementing such interactive effects. Could you please explain if this effect is possible to achieve using HTML, CSS, and JavaScript, or if it requires additional libraries like Three.js or GSAP? Also, if possible, I would appreciate a step-by-step guide or example code to help me understand how to implement it.