Add VM install images & fix the image sizing problem

css/theme.css

@@ -23,6 +23,7 @@ article.title {
 }
 
 article:not(.title) {
+	align-items: center;
 	padding: 0.75em 3em;
 	
 	background: content-box url("./images/freeside.svg") bottom right / 15% no-repeat;
@@ -38,15 +39,16 @@ h1 {
 	background: var(--bg-dark);
 	font-size: 150%;
 }
-h2 { font-size: 125%; margin-top: 0.1em; }
+h2 { font-size: 125%; margin: 0.1em 0; }
 
 p:first-of-type { margin: 0; }
 small { font-size: 50%; }
 
 img {
-	padding: 0.5em;
+	box-sizing: border-box;
-	max-width: 100%;
+	padding: 0.25em;
-	max-height: 100%;
+	max-width: fit-content;
+	max-height: fit-content;
 }
 
 .bg-light { background: var(--bg-light); }

index.html

@@ -72,9 +72,7 @@
 					</ul>
 				</article>
 				<article>
-					<div class="image-container centre-content">
+					<img src="./images/linux-timeline-17.10.svg" alt="A timeline of different linux distributions.">
-						<img src="./images/linux-timeline-17.10.svg" alt="A timeline of different linux distributions.">
-					</div>
 				</article>
 				<article>
 					<h2>Let's Get Started!</h2>
@@ -84,7 +82,82 @@
 					</ul>
 				</article>
 				<article>
-					
+					<h2>Choosing the language</h2>
+					<img src="./images/VM-Install/0.png" />
+				</article>
+				<article>
+					<h2>Boot menu</h2>
+					<img src="./images/VM-Install/1.png" />
+				</article>
+				<article>
+					<h2>Welcome</h2>
+					<img src="./images/VM-Install/2.png" />
+				</article>
+				<article>
+					<h2>Keyboard Layout</h2>
+					<img src="./images/VM-Install/3.png" />
+				</article>
+				<article>
+					<h2>Initial Software and Updates</h2>
+					<img src="./images/VM-Install/4.png" />
+				</article>
+				<article>
+					<h2>Partitioning</h2>
+					<img src="./images/VM-Install/5.png" />
+				</article>
+				<article>
+					<h2>Dual Booting</h2>
+					<img src="./images/VM-Install/6.png" />
+				</article>
+				<article>
+					<h2>I'm sure it's fine.....</h2>
+					<img src="./images/VM-Install/7.png" />
+				</article>
+				<article>
+					<h2>Location</h2>
+					<img src="./images/VM-Install/8.png" />
+				</article>
+				<article>
+					<h2>Credentials</h2>
+					<img src="./images/VM-Install/9.png" />
+				</article>
+				<article>
+					<h2>Now we wait!</h2>
+					<img src="./images/VM-Install/10.png" />
+				</article>
+				<article>
+					<h2>and wait</h2>
+					<img src="./images/VM-Install/12.png" />
+				</article>
+				<article>
+					<h2>Complete!</h2>
+					<img src="./images/VM-Install/13.png" />
+				</article>
+				<article>
+					<h2>Logging in</h2>
+					<img src="./images/VM-Install/14.png" />
+				</article>
+				<article>
+					<h2>Type your password</h2>
+					<img src="./images/VM-Install/15.png" />
+				</article>
+				<article>
+					<img src="./images/VM-Install/16.png" />
+				</article>
+				<article>
+					<img src="./images/VM-Install/17.png" />
+				</article>
+				<article>
+					<img src="./images/VM-Install/18.png" />
+				</article>
+				<article>
+					<h2>The amazing <code>apt</code></h2>
+					<h2></h2>
+					<img src="./images/VM-Install/20.png" />
+				</article>
+				<article>
+					<h2>Doing it manually</h2>
+					<img src="./images/VM-Install/21.png" />
 				</article>
 			</section>
 		</main>