Размер изображения не изменяется на адаптивном веб-сайте HTML5 ⇐ CSS

[Anonymous]

Я пытаюсь объединить изображение с текстом для заголовка, но размер изображения при этом не изменяется. Хотя изображение кажется слишком большим и не изменяется по размеру при изменении размера окна браузера.
HTML-код:

Название компании

Название компании
CSS:
.image {
display: inline-block;
outline: 0;
}
.image img {
display: block;
width: 100%;
}
/* Header */
#header {
text-align: center;
}
#header h1 {
color: #252122;
font-weight: 900;
font-size: 2.5em;
letter-spacing: -0.035em;
margin: 0 0 1em 0;
}

Я попробовал следующий код:

Company Name


и добавил в файл CSS следующее:
#logo a {
position:relative;
display:block;
width:[image width];
height:[image height];
}


Подробнее здесь: https://stackoverflow.com/questions/327 ... ve-website