<div class="gallery">
  <img src="https://yourzenfoliogallerylink.com/img1.jpg" class="gallery-item">
  <img src="https://yourzenfoliogallerylink.com/img2.jpg" class="gallery-item">
</div>

<!-- Lightbox container -->
<div id="lightbox" style="display:none;">
  <span onclick="closeLightbox()">✕</span>
  <img id="lightbox-img" src="">
</div>

<script>
  const items = document.querySelectorAll('.gallery-item');
  const lightbox = document.getElementById('lightbox');
  const imgBox = document.getElementById('lightbox-img');

  items.forEach(img => {
    img.onclick = () => {
      imgBox.src = img.src;
      lightbox.style.display = 'block';
    };
  });

  function closeLightbox() {
    lightbox.style.display = 'none';
  }
</script>