Responsive Vanilla JS Before & After Slider

Hello to all,

I am trying to include a before and after slider on a new project.

I first started by using this clonable (https://webflow.com/website/magicslider), which uses the twentytwenty jquery plugin. Unfortunately I couldn’t get it to work how I wanted on mobile devices.

I changed gears when I saw this codepen (https://codepen.io/pig3onkick3r/pen/YzqqWKY).

I think I managed to recreate it in webflow, but my before image is behaving differently, as in it won’t fill the full height of the container.

Can anyone help me with this? Why won’t it behave the same way as in codepen?

Here it is published: https://teste-slider-5dc3ce.webflow.io/

Thank you in advance for your time!


Here is my site Read-Only: https://preview.webflow.com/preview/teste-slider-5dc3ce?utm_medium=preview_link&utm_source=designer&utm_content=teste-slider-5dc3ce&preview=5d70b9437f52d5b2ead904e3e01c7eba&mode=preview

Sorry to bump this, can anyone help, please?