Laravel | Multiple lightbox gallery in one blade's view

Hello guys I have problem. I try to get more than one lightbox gallery. Only one gallery is displayed at a time. The rest does not work, still trying to load photos, but not loading. I have a pages table that is relatively one-to-many linked to a subpages table. in pages view I display many subpages (including photos in galleries):

<div id="js-grid-lightbox-gallery" class="cbp ">
    @foreach($subpage->photos as $photo)
        <div class="cbp-item">
            <a href="/project/storage/app/{{ $photo->filename }}" class="cbp-caption cbp-lightbox" data-title="" rel="nofollow">
                <div class="cbp-caption-defaultWrap">
                    <img src="/project/storage/app/{{ $photo->filename }}" alt="">
                </div>
            </a>
        </div>
    @endforeach
</div>

I only get the gallery for the first subpage. How can I improve this code to display all galleries? Thanks!