document.addEventListener("DOMContentLoaded", function() {
    const imageLinks = document.querySelectorAll(".file--image a");
    const popupOverlay = document.getElementById("popup-overlay");
    const popupImage = document.getElementById("popup-image");
    const closeBtn = document.querySelector("#popup-overlay .popup-close");
  
    imageLinks.forEach(function(link) {
      link.addEventListener("click", function(e) {
        e.preventDefault();
        popupImage.src = this.href;
        popupOverlay.style.display = "flex";
      });
    });
  
    closeBtn.addEventListener("click", function() {
      popupOverlay.style.display = "none";
      popupImage.src = "";
    });
  
    popupOverlay.addEventListener("click", function(e) {
      if (e.target === popupOverlay) {
        popupOverlay.style.display = "none";
        popupImage.src = "";
      }
    });
  });