@aware(['page'])
<div>
    <div class="theme-max-w mx-auto mb-10 px-5">
        @foreach($rowimages as $img)
            <div class="grid grid-cols-1 sm:grid-cols-{{round(count($img["multi_images"])/2)}} md:grid-cols-{{count($img["multi_images"])}} gap-6 justify-items-center">
                @foreach(array_reverse($img["multi_images"]) as $photo)
                    <div class="flex mb-3 w-full">
                        <a href="{{asset("storage/".$photo)}}" data-lightbox="multi-row-images" class="w-full">
                            <img class="w-full my-auto lazy" src="" data-src="{{asset("storage/".$photo)}}" alt="" />
                        </a>
                    </div>
                @endforeach
            </div>
        @endforeach
    </div>
</div>