JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
    </head>
    
    <body>
        <img src="http://i.imgur.com/5KiBc.jpg" width="128px" height="128px" data-gif="http://i.imgur.com/V4wvk.gif" />
    </body>
</html>

JavaScript

<script type="text/javascript">
        $(document).ready(function(){
            $('img').hover(function(){
                $(this).data('jpg', $(this).attr('src'));
                $(this).attr('src',$(this).data('gif'));
            },
            function(){
                $(this).attr('src',$(this).data('jpg'));
            });
        });
    </script>