Image comparison

Where you can add it

Not in section groups: Header, Footer, Overlays.

Blocks

Any theme block

Settings

Setting	Type	Default	Options and range
Layout With Comparison only, the blocks stay saved but are not shown.	Select	Text at start	Text at start Text at end Comparison only
Images
Before image	Image	—
After image	Image	—
Before label Shown on the image. Leave it empty to hide it.	Text	Before
After label Shown on the image. Leave it empty to hide it.	Text	After
Aspect ratio Both images are cropped to it, so they line up. Adapt to image follows the before image.	Select	Portrait (4:5)	Adapt to image Portrait (4:5) Square (1:1) Landscape (3:2) Landscape (16:9)
Image shape	Select	Corner	None Corner Capsule
Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it.	Select	Auto	Auto Light Dark
Slider
Orientation	Select	Horizontal	Horizontal Vertical
Start position The before image’s share when the page loads.	Range	50 %	10–90 %, step 5
Show a hint on view With full motion, the line moves once when the section comes into view.	Checkbox	On
Follow the pointer With a mouse, the line follows the pointer without a press. Touch and keyboard are unchanged.	Checkbox	Off
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Defaults here: Top spacing 104 px (everywhere else: 64 px); Bottom spacing 104 px (everywhere else: 64 px); Top spacing on mobile 56 px (everywhere else: 40 px); Bottom spacing on mobile 56 px (everywhere else: 40 px); Stagger 80 ms (everywhere else: 0 ms).

Presets

Image comparison — Category: Media
Starts with: Text, Heading, Text, Button