// Photo Gallery -> section (zoom)
const image1 = document.querySelector(".picture");

image1.addEventListener("mouseenter", () => {
  image1.style.transform = "scale(2.2)";
});

image1.addEventListener("mouseleave", () => {
  image1.style.transform = "scale(1)";
});

const image2 = document.querySelector(".picture1");

image2.addEventListener("mouseenter", () => {
  image2.style.transform = "scale(2.2)";
});

image2.addEventListener("mouseleave", () => {
  image2.style.transform = "scale(1)";
});

const image3 = document.querySelector(".picture2");

image3.addEventListener("mouseenter", () => {
  image3.style.transform = "scale(2.2)";
});

image3.addEventListener("mouseleave", () => {
  image3.style.transform = "scale(1)";
});