The Image Comparison Slider section allows you to display two images side-by-side and compare them using a slider.

Settings

Section padding

The section comes with a height setting, which is a range slider that allows you to adjust the height of the section in vh (viewport height).

To use this section, you need to upload two images using the image fields provided. You can also add a label for each image to give them a description. Once the images are uploaded, the section will display them side-by-side with a slider in the middle that can be dragged left or right to compare the two images.

<aside> 💡 This section is great for showcasing the difference between two similar images, such as a "before" and "after" photo. You can use it to highlight the changes made to a product or show the results of a service you offer.

</aside>