const cards = document.querySelectorAll(".card");
window.addEventListener("mousemove", (ev) => {
cards.forEach((e) => { const blob = e.querySelector(".blob"); const fblob = e.querySelector(".fakeblob"); const rec = fblob.getBoundingClientRect();
blob.animate( [ { transform: `translate(${ (ev.clientX - rec.left) - (rec.width / 2) }px,${(ev.clientY - rec.top) - (rec.height / 2)}px)` } ], { duration: 300, fill: "forwards" } );
blob.style.opacity = "1";
});
});