.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/titulo.jpg');
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-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;
     }
}