scroll to top to close back the card

resources/js/app.js

@@ -171,7 +171,16 @@ document.addEventListener('DOMContentLoaded', function() {
     }
 
     // Listen for click or touch event to start auto-scrolling
-    window.addEventListener('click', handleInteraction, { once: true });
+    window.addEventListener('click', handleInteraction);
+
+    window.addEventListener('scroll', function() {
+        if (window.pageYOffset === 0) {
+            audioElement.pause();
+            document.getElementById('petalOverlay').style.display = 'none';
+            hasPlayed = false; // Reset to allow replay
+            document.body.classList.add('no-scroll');
+        }
+    });
 
      // Intersection Observer for fading in elements
     const observerOptions = {