feat: center images on index.astro

Author: intergrav

src/pages/index.astro

@@ -29,6 +29,7 @@ import DownloadLink from "../components/ui/DownloadLink.astro";
 				<img
 					src="/img/screenshots/ModpackInstallLight.png"
 					alt="Prism Launcher screenshot showing the modpack installation user-interface"
+					class="mx-auto"
 				/>
 			</picture>
 			<picture>
@@ -39,6 +40,7 @@ import DownloadLink from "../components/ui/DownloadLink.astro";
 				<img
 					src="/img/screenshots/ModpackUpdateLight.png"
 					alt="Prism Launcher screenshot showing the modpack updating user-interface"
+					class="mx-auto"
 				/>
 			</picture>
 		</div>
@@ -58,6 +60,7 @@ import DownloadLink from "../components/ui/DownloadLink.astro";
 				<img
 					src="/img/screenshots/ModInstallLight.png"
 					alt="Prism Launcher screenshot showing the mod installation user-interface"
+					class="mx-auto"
 				/>
 			</picture>
 			<picture>
@@ -68,6 +71,7 @@ import DownloadLink from "../components/ui/DownloadLink.astro";
 				<img
 					src="/img/screenshots/ModUpdateLight.png"
 					alt="Prism Launcher screenshot showing the mod updating user-interface"
+					class="mx-auto"
 				/>
 			</picture>
 		</div>
@@ -78,37 +82,35 @@ import DownloadLink from "../components/ui/DownloadLink.astro";
 			each with its own settings, mods, and configurations. This means you can
 			easily switch between different setups without any issues.
 		</p>
-		<div class="my-6">
-			<picture>
-				<source
-					media="(prefers-color-scheme: dark)"
-					srcset="/img/screenshots/PropertiesDark.png"
-				/>
-				<img
-					src="/img/screenshots/PropertiesLight.png"
-					alt="Prism Launcher screenshot showing the instance management user-interface"
-				/>
-			</picture>
-		</div>
+		<picture>
+			<source
+				media="(prefers-color-scheme: dark)"
+				srcset="/img/screenshots/PropertiesDark.png"
+			/>
+			<img
+				src="/img/screenshots/PropertiesLight.png"
+				alt="Prism Launcher screenshot showing the instance management user-interface"
+				class="mx-auto"
+			/>
+		</picture>
 
 		<h3>Lightweight and Customizable</h3>
 		<p>
 			You don't need an embedded web browser as a game launcher. Prism is built
 			with the Qt toolkit, requiring very few system resources to run. It also
 			lets you customize the menu and supports custom themes.
 		</p>
-		<div class="my-6">
-			<picture>
-				<source
-					media="(prefers-color-scheme: dark)"
-					srcset="/img/screenshots/CustomizeDark.png"
-				/>
-				<img
-					src="/img/screenshots/CustomizeLight.png"
-					alt="Prism Launcher screenshot showing a themed user-interface"
-				/>
-			</picture>
-		</div>
+		<picture>
+			<source
+				media="(prefers-color-scheme: dark)"
+				srcset="/img/screenshots/CustomizeDark.png"
+			/>
+			<img
+				src="/img/screenshots/CustomizeLight.png"
+				alt="Prism Launcher screenshot showing a themed user-interface"
+				class="mx-auto"
+			/>
+		</picture>
 
 		<h2>I want that!</h2>
 		<p>