<section class="noice-overlay">
    <div class="relative overflow-hidden">
        <div class="hidden">
            <h2 class="xl:text-6xl md:text-5xl text-4xl">Branding</h2>
        </div>
        <div class="dark:flex hidden items-center gap-30 flex-nowrap animate-ticker">
            @php
            $images = explode(',', @$args['image_gallery_light']);
            @endphp
            @if(isset($images))
                @foreach ($images as $image) 
                    <div class="sm:min-w-380 min-w-200">
                        <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$image) }}" alt="" class="size-full">
                    </div>
                @endforeach
                @foreach ($images as $image) 
                    <div class="sm:min-w-380 min-w-200">
                        <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$image) }}" alt="" class="size-full">
                    </div>
                @endforeach
            @endif
        </div>
        <div class="flex dark:hidden items-center gap-30 flex-nowrap animate-ticker">
            @php
            $images2 = explode(',', @$args['image_gallery_dark']);
            @endphp
            @if(isset($images2))
                @foreach ($images2 as $image) 
                    <div class="sm:min-w-380 min-w-200">
                        <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$image) }}" alt="" class="size-full">
                    </div>
                @endforeach
                @foreach ($images2 as $image) 
                    <div class="sm:min-w-380 min-w-200">
                        <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$image) }}" alt="" class="size-full">
                    </div>
                @endforeach
            @endif
        </div>
    </div>
    </section>