@props(['data'])
@php
    $parent = reset($data);
    $child = array_values(array_slice($data, 0));
@endphp

<!-- gallery -->
   <section>
    <section class="2xl:container 2xl:mx-auto px-2 py-16 text-[#424242] md:px-[20px] lg:px-[60px] ">
      <div class="parent-container grid grid-cols-12 gap-4">
        
        @if (!empty($child))
        @foreach ($child as $value )
        <a href="{{asset('images/'.$value['img'])}}"
          class="flex justify-center items-center col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3 ">
          <img src="{{asset('images/'.$value['img'])}}" alt="gallery" class="max-w-full h-auto align-middle inline-block">
        </a>   
        @endforeach
        @endif
        
      </div>
    </section>
</section>