diff --git a/index.html b/index.html
index 80ef516..2ca7450 100644
--- a/index.html
+++ b/index.html
@@ -11,13 +11,6 @@
 
 	<body>
 		<header>
-			<div id="gallery">
-				<img src="/images/watching.jpg" alt="cows with red eyes" width="96" height="96" />
-				<img src="/images/24GhostsIII.jpg" alt="street lights" width="96" height="96" />
-				<img src="/images/12GhostsII.jpg" alt="birds" width="96" height="96" />
-				<img src="/images/opte-small.png" alt="opte" width="96" height="96" />
-				<img src="/images/33GhostsIV.jpg" alt="birds" width="96" height="96" />
-			</div>
 			<div id="headermain">
 				<a id="homelink" href="/">dairydemon.net</a>
 				<p id="tagline">located several wrong turns off the Information Superhighway</p>
@@ -55,6 +48,13 @@
 				<img class="badge" alt="graphic design is my passion badge" src="https://upload.wikimedia.org/wikipedia/commons/8/89/Graphicdesign.png" width="88" height="31" />
 			</div>
 			<p id="copyright">© 2025 filifa. This page is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.</p>
+			<div id="gallery">
+				<img src="/images/watching.jpg" alt="cows with red eyes" width="64" height="64" />
+				<img src="/images/24GhostsIII.jpg" alt="street lights" width="64" height="64" />
+				<img src="/images/12GhostsII.jpg" alt="birds" width="64" height="64" />
+				<img src="/images/opte-small.png" alt="opte" width="64" height="64" />
+				<img src="/images/33GhostsIV.jpg" alt="birds" width="64" height="64" />
+			</div>
 		</footer>
 	</body>
 </html>
diff --git a/styles/index.css b/styles/index.css
index 4ff0cf0..56b6348 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -6,7 +6,7 @@ header {
 #gallery {
 	display: flex;
 	justify-content: center;
-	overflow: hidden;
+	flex-flow: wrap;
 }
 
 #headerimg {
