Интерактивный блок для наглядного сравнения двух изображений. Посетители могут передвигать ползунок, чтобы увидеть разницу между состоянием `до` и `после`. Блок поддерживает гибкие настройки оформления, текста и внешнего вида.

• Сравнение результатов до и после ремонта, уборки или реставрации.
• Демонстрация эффектов обработки фотографий.
• Сравнение товаров, обновлений, изменений дизайна.
• Любые наглядные сравнения, которые важны для ваших клиентов.

• heading — Заголовок блока.
• description — Описание блока.
• badge_text — Бейдж над заголовком (например, «Новинка», «До/После»).
• heading_size — Размер заголовка.
• image_position — Положение изображений (слева, справа, по центру).
• desktop_height — Высота блока на десктопе.
• mobile_height — Высота блока на мобильных.
• initial_position — Начальная позиция ползунка (в процентах).
• marker_style — Стиль ползунка-маркера.
• marker_color — Цвет маркера (ползунка).
• line_color — Цвет разделительной линии между изображениями.
• color_bg_badge — Цвет фона бейджа.
• color_badge — Цвет текста бейджа.
• Отключение отступов сверху (disable_top_spacing) и снизу (disable_bottom_spacing).

• image — Изображение.
• title — Подпись к изображению (Например, «До» или «После»).
• heading_size — Размер текста заголовка изображения.
• heading_position — Положение текста (сверху, снизу, слева, справа, центр).
• text_bg — Цвет фона для текста.
• text_color — Цвет текста.
• overlay_color — Цвет оверлея (подложки) поверх изображения.
• overlay_opacity — Прозрачность оверлея (от 0 до 1).

Внизу представлено несколько примеров того, как можно использовать этот блок: