<div class="rbt-img-comparison-single rbt-scroll-trigger zoom_in animation-order-1">
                                                <div class="rbt-block  rbt-block--comparison" data-mv-app="slider" data-storage="local" data-mv-mode="edit">
                                                    <div class="rbt-block__image" style="--range: [slide]%;">
                                                        <!-- Background Image -->
                                                        <div class="rbt-block__img  rbt-block__img--first">
                                                            <img class="img-cover" src="..." alt="...">
                                                            <div class="rbt-comparison-badge rbt-comparison-badge-before">Before</div>
                                                            <div class="rbt-comparison-badge rbt-comparison-badge-after">After</div>
                                                        </div>
                                                        <!-- Foreground Image -->
                                                        <div class="rbt-block__img  rbt-block__img--last">
                                                            <img class="img-cover" src="..." alt="...">
                                                        </div>
                                                        <div class="rbt-block__slide-line">
                                                            <div class="rbt-block__slide-icon"><i class="fa-regular fa-bars"></i></div>
                                                        </div>
                                                        <!-- Slider -->
                                                        <input class="rbt-block__slide" type="range" min="0" max="100" step="0.05" value="50" property="slide">
                                                    </div>
                                                </div>
                                            </div>