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

Ну, смотри тогда так:
<img src="img/logo.jpg" style="width: 512px; max-width: 100%;" alt="Логотип">

<img src="img/logo.jpg" width="512" height="512" alt="Логотип">
или
<img src="img/logo.jpg" width="100%" alt="Логотип">

Удалён (min-width: 1024px) {
img[src="img/logo.jpg"] {
/* Для устройств с расширением экрана от 1024-х пикселей и выше */
width: 512px;
height: 512px;
margin: 0 5px; /* Отступы по бокам от изображения */
}
}