@aware(['page'])
<div>
    <div class="theme-bg-blue pt-4 md:pb-0">
        <div class="theme-max-w mx-auto my-4 px-5">
            <div class="grid grid-cols-1 md:grid-cols-2 items-stretch">
                <div class="my-auto mx-auto pl-0 md:pl-20 order-2 md:order-1 pb-3">
                    @if($subtitle)<div class="text-stone-300 text-xl">{{$subtitle}}</div>@endif
                    <div class="text-white text-4xl font-bold mt-2 md:mt-4">{{$title}}</div>
                </div>

                <div class="flex flex-col justify-end hidden md:grid md:grid-cols-9 order-1 md:order-2 mx-auto mb-3 md:mb-0 gap-3 w-full pr-0 md:pr-10">
                    <div class="col-span-6 flex justify-end items-end">
                        <img src="" data-src="{{asset('storage/'.$image1)}}" alt="" class="w-full rounded-tl-[50px] px-2 lazy">
                    </div>
                    <div class="hidden md:grid col-span-3">
                        <img src="" data-src="{{asset('storage/'.$image2)}}" alt="" class="rounded-tr-[50px] self-end lazy">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>