gif name thing

This goes above /style


#name{margin-top:0vw;
z-index:95;
font-family:donn;
font-size:5vw;
position:absolute;
top:5vw;
left:4vw;
width:25vw;
text-align:center;
line-height:6vw;
background: url('https://data.whicdn.com/images/328158500/original.gif');
background-size:cover;
background-position:center;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

#nameunder{margin-top:0vw;
z-index:94;
font-family: donn;
font-size:5vw;
color:#000;
position:absolute;
top:5vw;
left:4vw;
width:25vw;
text-align:center;
line-height:6vw;
text-shadow: -1px 0 #fff, 0 1px #fff,1px 0 #fff, 0 -1px #fff;}



This goes under /style

<div id="name">Raphtalia</div><div id="nameunder">Raphtalia</div>