Не правильно отображается картинка(лого), как сделать?

Question

[Wilt]

Здравствуйте, подскажите пожалуйста, как правильно сделать лого как на картинке? Фон сделан тоже картинкой, знаю что не правильно по семантике, но интересует именно лого(надпись с птичкой). Оно должно быть как на картинке, как я понимаю, при увеличение или сжимание экрана не двигаться, а после уже для моб.версии прописать media. Но опять же, не смог сделать так, чтобы стояло на месте. Да и походу размер меняться должен( это тоже в media прописать можно, пока затык в расположение, плавает оно) буду очень рад помощи!
codePen

Comments

[Wilt]

codePen

Answer 1

[RAX7]

https://codepen.io/anon/pen/BeKwzj?editors=1100

Comments

[Wilt]

404

[RAX7]

Wilt, обновил

[Wilt]

RAX7, у вас все верно, сейчас же мне только подправить и прописать media для mobile остаётся? Верно же понимаю?

[RAX7]

Wilt, ага

Answer 2

[prrrrrrr]

CSS

.logo {position:absolute;z-index:2;top:50px;left:70px;}
.img {position:absolute;z-index:1;}