1. Если вам нужно использовать несколько изображений с этим эффектом на одной странице, пропишите уникальный класс для каждого изображения;
2. Добавляем своё изображение (не шейп) в Зеро Блок и указываем класс к нему такой же как и в генераторе;
Что бы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираем из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываем тот же класс, что и в генераторе;
3. Вставляем галерею GL12 и загружаем в неё второе изображение, копируем ссылку и вставляем в генератор. Формат файла советуем использовать svg или png;
4. Настройте параметры эффекта (размер круга, размер и цвет бордера, отключение отображения на экранах до 1200px);
5. Копируем сгенерированный HTML код и вставляем его в блок Т123;