instatiate lightbox only when needed, slight hack

app/views/merged/view/_section_pictures.haml

@@ -1,3 +1,8 @@
 .mx-20.grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-3.2xl:grid-cols-4.gap-8.md:gap-12.lg:gap-16
   - Picture.all.limit(4).each do |picture|
     = render "pictures/picture" , picture: picture
+
+:javascript
+    document.addEventListener("DOMContentLoaded", function(event) {
+      const lightbox = GLightbox({  });
+    });