Смещается картинка, что делать?

Здравствуйте. Решил на свою голову добавить картинку в header, думал, чтобы красивее смотрелась сделать так, чтобы край чуть выглыдывал за пределы. Собственно говоря 3 проблемы:

1. При прокрутке страницы вниз значок тоже смещается.

2. При адаптации под ширину экрана 361px картинка при прокрутке не остаётся на своём месте.

3. Хотел дать h1 text-align: center, не получилось.

Подскажите пожалуйста, в чём проблемы, вот код - https://jsfiddle.net/patd1854/1/