Глюкъ Виртуален

Там размеры в пикселях, какой нафиг адаптив?

Вы установили max-width
Блок не увеличивается в ширину

Разве здесь что-то не так?

Сделайте спрайт, там моргать нечему.
Заодно и время загрузки крутой гениальной картинки уменьшите.

Нечего тут дискутировать.

Зайдите файл-менеджером в каталог с тыщей файлов общим весом в несколько мегов. Скопируйте их куда-нибудь, засеките время.
Зайдите в другой каталог с парой файлов с таким же весом. Скопируйте, засеките время.

Вопрос отпал? Проздравляю.

Без кода никак.
Зайдем с другой стороны. Найдите слово "ПРОИЗВОДСТВО" в левой колонке: motokofr.com , наведите мышь на список производителей.
Вам такой эффект нужен? Можете взять оттуда.

Вы сперва определитесь — вам все h1 нужны или только одна жирнокрасная строчка?
Оттуда и плясать.

Ну так и сделайте из этого убожества одно целое поле...

Оформите ваш вопрос в виде кода на jsfiddle или как-то так.
Никто здесь не будет гадать, в какие там кружечки у вас что-то капает.

Это не шапка, это фон судя по размерам.
Технически сделать из него шапку не составит труда, но посетители будут уходить с такого сайта.

Для мобильных устройств придется переделывать поведение элемента.

Вы используете toggleClass, он не добавляет, а переключает.
Используйте addClass.

Вы поймете это сразу, как только перестанете писать Себя с заглавной буквы.
Ну и наконец прочтете то, что пишут более опытные люди.

Нельзя присвоить несколько ID одному элементу.
Вас зовут либо Вася, либо Маша.

Попробуйте ответить (чисто для себя) на вопрос: "Что выбрать между трусами и ботинками".

1. Найти нужное место.
   
2. Вставить код.
   

Ну ведь глупость спрашиваете...

Загрузить другую картинку (с бОльшим разрешением), превьшку оставить в покое и не дергать ее.

Кликните на фотку с мотоциклом.
motokofr.com/product.php?id_product=5704
Так нужно? Берите.

Фреймворки приходят и уходят... использую "чистые" языки.