@aware(['page'])
<div>
    <div class="theme-max-w mx-auto px-5 my-10 flex flex-col-reverse md:grid md:grid-cols-2 gap-5">
        <div class="my-auto pb-3 {{$style == 'imagecontent;' ? 'md:order-2':''}}">
            <div class="text-zinc-900 text-3xl font-bold mb-3">{{$title}}</div>
            <div class="text-lg text-[#393939]">{!! $content !!}</div>
        </div>
        <div class="pb-3 {{$style == 'imagecontent;' ? 'md:order-1':''}}">
            <a href="{{asset('storage/'.$image)}}" data-lightbox="details-with-image">
                <img src="" data-src="{{asset('storage/'.$image)}}" alt="" class="w-full lazy">
            </a>
        </div>
    </div>
</div>