diff --git a/css/theme.css b/css/theme.css
index 384acbc..6fdcdc4 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -42,6 +42,8 @@ small { font-size: 50%; }
 
 img {
 	padding: 0.5em;
+	max-width: 100%;
+	max-height: 100%;
 }
 
 .bg-light { background: var(--bg-light); }
@@ -57,3 +59,8 @@ img {
 .flex-4 { flex: 4; }
 .flex-5 { flex: 5; }
 .flex-6 { flex: 6; }
+
+.img-container {
+	max-height: 100%;
+	max-width: 100%;
+}
diff --git a/index.html b/index.html
index 79a334d..ed33ff3 100644
--- a/index.html
+++ b/index.html
@@ -77,7 +77,9 @@
 					</ul>
 				</article>
 				<article>
-					<img src="./images/linux-timeline-17.10.svg" alt="A timeline of different linux distributions.">
+					<div class="image-container">
+						<img src="./images/linux-timeline-17.10.svg" alt="A timeline of different linux distributions.">
+					</div>
 				</article>
 				<article>
 					<h2>Let's Get Started!</h2>