<!-- Include the Lottie player library -->
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>

 <script>
document.addEventListener('DOMContentLoaded', function() {
    console.log('DOM fully loaded and parsed');

    var lottieElements = document.querySelectorAll('.lottie-hover');
    console.log('Found lottie elements:', lottieElements.length);

    lottieElements.forEach(function(element, index) {
        // Assign a unique ID to each element if it doesn't already have one
        if (!element.id) {
            var newId = 'lottie' + index;
            element.id = newId;
            console.log('Assigned new ID to element:', newId);
        }

        try {
            LottieInteractivity.create({
                player: '#' + element.id,
                mode: "cursor",
                actions: [{
                    type: "hover",
                    forceFlag: false
                }]
            });
            console.log('Interactivity applied to:', element.id);
        } catch (error) {
            console.error('Error applying interactivity to:', element.id, error);
        }
    });
});
</script>