Restartable GIF

HTML

<image id="gif_holder" src=""/>

CSS

#gif_holder{
    height:242px;
    width:318px;
    border:1px solid darkblue;
    cursor:pointer;
}

#gif_holder:hover{
    border:1px solid lightblue;
}

JavaScript

$(document).ready(function(){
    var image = new Image();
    image.src = "https://dropgift.se/wp-content/uploads/2018/05/matte-none-1.gif";
    
    $('#gif_holder').click(function(){
         $('#gif_holder').attr('src', image.src);
    });
});