How to ineractively adjust 2 Divs in a row

Question

I try to display 2 images side by side - 50/50, in such a way that with a mouse I can move divider stretching one image and shrinking another.

Here is a code I try to