$(document).ready(function () {
  const btn1 = document.getElementById("btn1");
  const btn2 = document.getElementById("btn2");
  const painting = document.querySelector(".image_wrapper img");
  console.log(painting);

  btn1.addEventListener("click", () => {
    if (btn1.classList.contains("active")) return; //Check if btn already active
    btn1.classList.add("active");
    btn2.classList.remove("active");
    painting.setAttribute("src", "./resources/image1.jpg");
  });
  btn2.addEventListener("click", () => {
    if (btn2.classList.contains("active")) return; //Check if btn already active
    btn2.classList.add("active");
    btn1.classList.remove("active");
    painting.setAttribute("src", "./resources/image2.jpg");
  });
});
