jQuery(document).ready(function ($) {
const doc = document;
const right = doc.querySelector(".intro_right");
const left = doc.querySelector(".intro_left");
const container = doc.querySelector(".intro_wrapper");
if (!right || !left || !container) return;
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");
});
});