test

snippets/shx-video-base.liquid

@@ -74,6 +74,7 @@
       }
 
       hoverEffectIn() {
+        console.log('hover in');
         // use animejs
         anime({
           targets: this.video,
@@ -85,6 +86,7 @@
       }
 
       hoverEffectOut() {
+        console.log('hover out');
         // use animejs
         anime({
           targets: this.video,
@@ -112,7 +114,7 @@
     });
 
     // Assuming `document` is the target to observe
-    const targetNode = document;
+    const targetNode = document.querySelector('.product-card-wrapper');
 
     // Options for the observer (which mutations to observe)
     const config = { attributes: false, childList: true, subtree: true };