const overlay = document.getElementById("zoomOverlay");
const zoomImg = document.getElementById("zoomImg");

document.querySelectorAll(".zoomable").forEach(img => {
  img.onclick = () => {
    zoomImg.src = img.src;
    overlay.style.display = "flex";
  };
});

document.getElementById("zoomClose").onclick = () => {
  overlay.style.display = "none";
};