Сделать такую картинку легко
 

Вставить анимированную картинку на прозрачном фоне



в обычную



можно с помощью формулы - шаблона

<center><table style="WIDTH: AAApx; HEIGHT: BBBpx" cellspacing="8" cellpadding="3" width="700" align="center" background="АДРЕС ВАШЕЙ КАРТИНКИ" border="3"><tbody><tr><td><font face="Monotype Corsiva" color="white" size="3" font="font"><b><p align="center"></p>КОД ВАШЕЙ АНИМАЦИИ</b></font> </td></tr></tbody></table></center> 

В ней

ААА - ширина выбранной картинки
ВВВ - высота выбранной картинки
Размеры картинки можно узнать щелкнув по ней правой кнопкой мышки . В зависимости от браузера они находятся в *Свойства*, *Информация об изображении* или любом другом пункте который показывает размеры картинки.
АДРЕС ВАШЕЙ КАРТИНКИ это ссылка имеено на картинку (не весь код, а только ссылка)
КОД ВАШЕЙ АНИМАЦИИ это целый код картинки-анимации

Результат
 

Если в коде формулы-шаблона перед КОД ВАШЕЙ АНИМАЦИИ поставить тег <p style="text-indent: 60px">  а после кода тег </p>   , то меняя цифру 60 можно сдвигать анимацию вправо

Если перед КОД ВАШЕЙ АНИМАЦИИ написать текст, то получится так
 

GESIONA любит МОРЕ!

Если анимированных картинок несколько, то поставив их код друг за другом получим так