.name{
    /* seteamos las propiedades del texto */
    font-size: 10vmax;
    text-align: center;
    color: rgba(255, 255, 255);
   
}

.span-main-name{
    /* Establecemos la iamgen de fondo del texto */
   display: block;
   background: url('../img/illia.jpg');
   background-clip: text;
   -webkit-background-clip: text;
   text-emphasis-color: transparent;
 
   -webkit-text-fill-color: transparent;
   
   /* Establecemos la animación */
    animation: fire 20s linear infinite;
 -webkit-animation: fire 20s linear infinite;
-webkit-transform: translate3d(0,0,0);
   backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
 
}

@keyframes fire {
    /* Definimos el paso a paso de la animación */
    0%{
         background-position: left 0 top 10px;
    }
    15%{
         background-position: left 500px top 5px;
    }
    30%{
         background-position: left 1000px top 0;
    }
    70%{
         background-position: left 2000px top -5px;
    }
    100%{
         background-position: left 3000px top 10px;
    }
}