</style>
.gif-hover {
width: 150px; (ns el tamaño de tu imagen jsjs)
height: 150px;
}
.gif-hover:hover {
content: url("tu gif animada");
}
</style>
creo q es asi (hace mucho q no hago codes)
obviamente le agregas donde esta localizada tu imagen en la pantalla junto en donde esta su tamaño. espero q te ayude!