JSFiddle - React, Tailwind, and code Playground

HTML

<li><a id="inicio" >Inicio</a></li>

CSS

.fogo {
background-image: url("http://www.bestgraph.com/gifs/paysages/flammes/flammes-10.gif");
background-position: 0px center;
}

JavaScript

$(document).ready(function(){

    //evento quando o rato fica sob o elemento #inicio
    $("#inicio").mouseover(
      function(){
       $("#inicio").addClass("fogo");
      });
    //evento quando o rato sai sobre o elemento #inicio
    $("#inicio").mouseout(
        function(){
            $("#inicio").removeClass("fogo");
        });
});