@aware(['page'])
<div>
    <div class="theme-max-w mx-auto px-5 grid grid-cols-1 lg:grid-cols-2 gap-6">
        <div class="relative w-full flex justify-center items-end lg:items-center order-1 lg:order-2">
            <a href="{{asset('storage/'.$image1)}}" data-lightbox="content-images2">
                <img src="" data-src="{{asset('storage/'.$image1)}}" alt="Wood Panel Background" class="w-[411px] object-cover rounded-[30px] lazy" />
            </a>
            <a href="{{asset('storage/'.$image2)}}" data-lightbox="content-images2">
                <img src="" data-src="{{asset('storage/'.$image2)}}" alt="Glass Railing Closeup" class="absolute mt-20 bottom-0 right-0 w-[250px] h-[300px] object-cover rounded-t-full rounded-b-none lazy" />
            </a>
        </div>
        <div class="py-0 md:py-20 order-2 lg:order-1">
            <h1 class="theme-text-blue text-4xl sm:text-4xl font-bold md:leading-[70px]  pb-3 mb-4 md:mb-10">{{$title}}</h1>
            <div class="text-[#393939] text-lg font-normal leading-loose mb-8">
                {!! $description !!}
            </div>
        </div>
    </div>
</div>