Play Lottie on hover

<!-- Code by Code & Wander https://www.codeandwander.com/ -->
<script>
  // Wait for the DOM to be fully loaded
  document.addEventListener('DOMContentLoaded', function () {    
    // Select all the .card elements    
    const cards = document.querySelectorAll('.card');    
    // Add event listeners to each card    
    cards.forEach(function(card) {        
      card.addEventListener('mouseenter', function() {            
        // Find the dotlottie-player element within the current card            
        const lottiePlayer = card.querySelector('dotlottie-player');            
        // Play the Lottie animation            
        lottiePlayer.play();        
      });        
      card.addEventListener('mouseleave', function() {            
        // Find the dotlottie-player element within the current card            
        const lottiePlayer = card.querySelector('dotlottie-player');            
        // Stop the Lottie animation            
        lottiePlayer.stop();        
      });    
    });
  });
</script>