Before/After

img-comparison-slider { visibility: visible; display: flex; width: 100%; height: 100%; position: relative; } img-comparison-slider [slot='second'] { display: block; @media (max-width: 1100px) { display: block; } } .icon-handle { position: absolute; left: 48%; top: 48%; } .compare__figure { width: 50%; order: 1; @media (max-width: 1100px) { height: auto; } } img:first-child { } img:last-child { }

Intro to before/after comparison