@if ($items)
    <div class="grid grid-cols-2 gap-4 md:grid-cols-3 md:gap-8">

        @foreach ($items as $item)
            <a href="{{ $item['large'] }}" class="glightbox group" data-gallery="{{ $gallery_id }}"
                data-glightbox="description:{{ $item['description'] }}">
                <div class="overflow-hidden js-fade-in-up rounded-2xl">
                    <img src="{{ $item['thumb'] }}" alt="{{ $item['description'] }}" width="450" height="300"
                        class="transition-transform duration-300 ease-out group-hover:scale-110" />
                </div>
            </a>
        @endforeach

    </div>
@endif