Почему-то изображение моего героя, и только изображение моего героя не реагирует на остальную часть страницы.
Мой html:
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=devicewidth, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>prototype</title>
</head>
<header>
<div class="hero">
<img src="images/hero.jpg" alt="hero">
</div>
И мой css для этого:
header {
max-width: 1340px;
padding: 0 15px;
margin: 0 auto;
}
Что я должен сделать, чтобы сделать его отзывчивым?