Custom Donation Alert

[GzussavesTwitch]

Hello.. I am looking for a donation alert with this gif http://i.imgur.com/O9UwW6M.gif
I would like just the donator name and amount to show up on the bottom.. the name can be above or below the amount if needed

[ExpertsOnline]

Donation

Link : http://deepbot.tv/notifications/donationnotification2.htm
Width: 360
Height: 270

CSS Code:

Code: [Select]

#donor-notification {
width: 350px !important;
height: 270px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/O9UwW6M.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
overflow: hidden !important;
}


#donor-notification .header {
position: absolute !important;
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 225px !important;
font-size: 32px !important;
width: 330px !important;
text-align: center !important;
font-family: Impact !important;
font-weight: normal !important;
text-shadow: 3px 4px 1px #000 !important;
color: white !important;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 190px !important;
width: 330px !important;
text-align: center !important;
font-size: 32px !important;
font-family: impact !important;
font-weight: normal !important;
text-shadow: 3px 4px 1px #000 !important;
color: white !important;
}
#donor-notification .title {
padding-top: 0px !important;
margin-left: 0px !important;
width: 76% !important;
float: left !important;
text-align: left !important;
}

Preview:

[GzussavesTwitch]

ty so much.. just a follow up question.. when i preview it.. after the first time it seems to start in the middle of the gif.. does that just happen during previews or is that going to happen during the actual notifications as well