<p>
  <span>MIND</span><br />
  <span>BLOWN</span>
</p>
/* this query targets webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  p{
    background-image:url("http://aetherforce.com/wp-content/uploads/2014/05/ik49VlPshlPIz.gif");
    background-size:cover;
    background-position:center;
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
  }
}

/* default for non-webkit browsers */
span{color:#5851db;} 
p{
  width:330px;
  line-height:60px;
  padding:12px;
}

span{
  text-align:left;
  font-size:100px;
  font-weight:900;
  font-family:'Roboto',sans-serif;
}
Rerun