CSS

Add animated GIF when hovering an image

<style>
    #image{
    background-image:url('https://image.freepik.com/free-photo/image-human-brain_99433-298.jpg');
    height:400px;
    max-width:400px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    }
    #image:hover{
    background-image:url('https://media.emailonacid.com/wp-content/uploads/2019/03/2019-GifsInEmail.gif');
    }
    </style>
    
    <div id="image"></div>