Вопросы по созданию сайта с использованием ''CSS'', ''JS'' скриптов и др.

<!DOCTYPE html>
<div>
<html>
<head>
<body style="background:url('images/hi-tech.jpg') no-repeat; background-size: 100%;">
<style>
.fig { text-align: center; }
</style>
<p class="fig">
<img src="http://cybertex.moy.su/images/printed_circuit.jpg" width="999" height="391";>
<img src="http://cybertex.moy.su/gif/cooltext122066433792606.gif" width="621" height="222" alt="CyberTEX">
</body>
</html>
</div>

1)Жирным выделена картинка которую нужно поднять чтобы она начиналась с самого верхнего края, и какие атрибуты и значения установить чтобы в любом браузере и мобильных версиях эта картинка была фиксированна в размерах т.е. не изменяла размеры в любых случаях ?
2)Прописным анимированный текст в GIF - как средствами кодировки сделать фон анимации прозрачным (без использования фотошопов) ?
3)Как эту анимацию наложить сверху картинки выделенной жирным? (точно как здесь http://cybertex.wix.com/cybertex) ~~получилось что центрированная картинка жирным сместилась влево, а гифка вправо~~