How to add a before and after image effect on hover

[CreatorTim]

Hey guys, I’m looking to add a “before and after” image effect on hover to my store.

I want it to work without clicking—just hover and move the mouse to see the change.

I’d like it to look something like this: 

On the left, it says "Before," and on the right, "After." When hovering, it seamlessly transitions as the mouse moves.

Here's the store showing how I'd like it to look: https://tomnoske.store/products/cinema-luts (just scroll down a bit, to see it)

And here’s my store URL: https://1049xn-ya.myshopify.com/

I’d appreciate any help,
Thanks so much!
Tim

[Asad-Mahmood]

This can be created by custom coding

[CreatorTim]

Yes, and do you know how to do that?