text: const left = document.querySelector(".left");
  const right = document.querySelector(".right");
  const container = document.querySelector(".container");
  
  left.addEventListener("mouseenter", () => {
      container.classList.add("hover-left");
  });
  
  left.addEventListener("mouseleave", () => {
      container.classList.remove("hover-left");
  });
  
  right.addEventListener("mouseenter", () => {
      container.classList.add("hover-right");
  });
  
  right.addEventListener("mouseleave", () => {
      container.classList.remove("hover-right");
  });
  right.addEventListener("mouseenter", () => {
      container.classList.add("hover-right");
  });
  
  right.addEventListener("mouseleave", () => {
      container.classList.remove("hover-right");
  });
  