temp.js

folderImg[1].addEventListener("click", () => {
  introContainer.classList.add("visible");
  setTimeout(() => {
    introTheg.classList.add("content-visible");
  }, 0);
});

deleteBtn[1].addEventListener("click", () => {
  introTheg.classList.remove("content-visible");
  setTimeout(() => {
    introContainer.classList.remove("visible");
  }, 0);
});

folderImg[2].addEventListener("click", () => {
  introContainer.classList.add("visible");
  setTimeout(() => {
    introCookie.classList.add("content-visible");
  }, 0);
});

deleteBtn[2].addEventListener("click", () => {
  introCookie.classList.remove("content-visible");
  setTimeout(() => {
    introContainer.classList.remove("visible");
  }, 0);
});

folderImg[3].addEventListener("click", () => {
  introContainer.classList.add("visible");
  setTimeout(() => {
    introCookie.classList.add("content-visible");
  }, 0);
});

deleteBtn[2].addEventListener("click", () => {
  introCookie.classList.remove("content-visible");
  setTimeout(() => {
    introContainer.classList.remove("visible");
  }, 0);
});