Salt Life

<a href="{{ product.url }}">
<img src="{{ product.featured_image | img_url: 'small' }}" alt="{{ product.title }}" id="animated-thumbnail">
</a>
<script>
// Add JavaScript to replace the thumbnail with the animated GIF on hover
var thumbnail = document.getElementById('animated-thumbnail');
thumbnail.addEventListener('mouseover', function () {
thumbnail.src = '{{ product.featured_image | img_url: 'original' }}';
});
thumbnail.addEventListener('mouseout', function () {
thumbnail.src = '{{ product.featured_image | img_url: 'small' }}';
});
</script>