diff --git a/astro.config.ts b/astro.config.ts
index a144d59..e03a164 100644
--- a/astro.config.ts
+++ b/astro.config.ts
@@ -6,9 +6,6 @@ export default defineConfig({
 	adapter: vercel({
 		webAnalytics: { enabled: true },
 	}),
-	experimental: {
-		responsiveImages: true,
-	},
 	integrations: [konamiEmojiBlast()],
 	output: "server",
 	redirects: {
diff --git a/package.json b/package.json
index 3ed6e49..b1e38d9 100644
--- a/package.json
+++ b/package.json
@@ -77,9 +77,20 @@
 		"typescript-eslint": "^8.32.1"
 	},
 	"engines": {
-		"node": "20.11.0"
+		"node": ">=20.11.0"
 	},
 	"publishConfig": {
 		"provenance": true
+	},
+	"pnpm": {
+		"peerDependencyRules": {
+			"allowedVersions": {
+				"@astrojs/markdown-remark": "6",
+				"astro": "5"
+			}
+		},
+		"ignoredBuiltDependencies": [
+			"sharp"
+		]
 	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a7809fd..0654efd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1236,6 +1236,7 @@ packages:
 
   '@vercel/edge@1.2.1':
     resolution: {integrity: sha512-1++yncEyIAi68D3UEOlytYb1IUcIulMWdoSzX2h9LuSeeyR7JtaIgR8DcTQ6+DmYOQn+5MCh6LY+UmK6QBByNA==}
+    deprecated: This package is deprecated. You should to use `@vercel/functions` instead.
 
   '@vercel/nft@0.29.3':
     resolution: {integrity: sha512-aVV0E6vJpuvImiMwU1/5QKkw2N96BRFE7mBYGS7FhXUoS6V7SarQ+8tuj33o7ofECz8JtHpmQ9JW+oVzOoB7MA==}
@@ -1736,8 +1737,8 @@ packages:
   emmet@2.4.11:
     resolution: {integrity: sha512-23QPJB3moh/U9sT4rQzGgeyyGIrcM+GH5uVYg2C6wZIxAIJq7Ng3QLT79tl8FUwDXhyq9SusfknOrofAKqvgyQ==}
 
-  emoji-blast@0.10.2:
-    resolution: {integrity: sha512-3VrqajirPj8QeQxQeMHUfD+03H64XTEVPGRjxP5rjDCVEC5NGF3FgutMpU5scIOhcuzG23Qvs32k0Pnj+hRzGA==}
+  emoji-blast@0.11.0:
+    resolution: {integrity: sha512-RYy1ZjHqYQLjOkficpqzvAzGfE1GUcn1Bp7Ec1wq0lVIoRgNLMx4lRZWo9p0HsEawrI9Zmh0mloLXcf8ewIzfQ==}
     engines: {node: '>=18'}
 
   emoji-regex@10.4.0:
@@ -1858,6 +1859,7 @@ packages:
   eslint-plugin-markdown@5.1.0:
     resolution: {integrity: sha512-SJeyKko1K6GwI0AN6xeCDToXDkfKZfXcexA6B+O2Wr2btUS9GrC+YgwSyVli5DJnctUHjFXcQ2cqTaAmVoLi2A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    deprecated: Please use @eslint/markdown instead
     peerDependencies:
       eslint: '>=8'
 
@@ -3255,6 +3257,7 @@ packages:
   source-map@0.8.0-beta.0:
     resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
     engines: {node: '>= 8'}
+    deprecated: The work that was done in this beta branch won't be included in future versions
 
   space-separated-tokens@2.0.2:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
@@ -5540,7 +5543,7 @@ snapshots:
       '@emmetio/abbreviation': 2.3.3
       '@emmetio/css-abbreviation': 2.1.8
 
-  emoji-blast@0.10.2: {}
+  emoji-blast@0.11.0: {}
 
   emoji-regex@10.4.0: {}
 
@@ -6330,7 +6333,7 @@ snapshots:
 
   konami-emoji-blast@0.5.9:
     dependencies:
-      emoji-blast: 0.10.2
+      emoji-blast: 0.11.0
       konami-code-js: 0.8.3
 
   levn@0.4.1:
diff --git a/src/components/ImagesAndTextTwoColumn.astro b/src/components/ImagesAndTextTwoColumn.astro
index d91e15f..03a7c08 100644
--- a/src/components/ImagesAndTextTwoColumn.astro
+++ b/src/components/ImagesAndTextTwoColumn.astro
@@ -23,7 +23,7 @@ interface Props {
 	<ContentArea as="section" class="images-and-text-two-column-content">
 		<div class="images-and-text-two-column-decorations">
 			<DecorativeImage class="fish-school-dull" src={fishSchoolDull} />
-			<Image alt="" layout="responsive" src={Astro.props.images.primary} />
+			<Image alt="" src={Astro.props.images.primary} />
 		</div>
 
 		<div class="images-and-text-two-column-text">
@@ -37,11 +37,7 @@ interface Props {
 		</div>
 
 		<div class="images-secondary">
-			{
-				Astro.props.images.secondary.map((image) => (
-					<Image {...image} layout="responsive" />
-				))
-			}
+			{Astro.props.images.secondary.map((image) => <Image {...image} />)}
 		</div>
 	</ContentArea>
 </div>
diff --git a/src/components/explainers/ExplainerImages.astro b/src/components/explainers/ExplainerImages.astro
index be57511..6d45b13 100644
--- a/src/components/explainers/ExplainerImages.astro
+++ b/src/components/explainers/ExplainerImages.astro
@@ -44,11 +44,7 @@ function computeImageSizes(
 <div
 	class:list={["explainer-images", `explainer-images-${Astro.props.direction}`]}
 >
-	<Image
-		class="explainer-image-primary"
-		layout="responsive"
-		{...Astro.props.photos.primary}
-	/>
+	<Image class="explainer-image-primary" {...Astro.props.photos.primary} />
 	{
 		Astro.props.photos.secondary.map((secondary, i) => (
 			<Image
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..e9c6cdd
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,83 @@
+---
+import PageLayout from "~/layouts/PageLayout.astro";
+---
+
+<PageLayout description="Page not found - SquiggleConf" title="404">
+	<div class="error-container">
+		<div class="error-box">
+			<h1 class="error-title">404: NOT_FOUND</h1>
+			<div class="error-code">Code: `NOT_FOUND`</div>
+			<div class="error-message">
+				You've drifted into uncharted waters. Navigate back to the surface?
+			</div>
+		</div>
+
+		<Button as="a" href="/" variant="light">Home Page</Button>
+	</div>
+</PageLayout>
+
+<style>
+	.error-container {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		min-height: 60vh;
+		padding: 0 2rem 4rem;
+		height: 100vh;
+		background: var(--colorSandBackground);
+	}
+
+	.error-box {
+		background: var(--colorSandBackground);
+		border: 1px solid var(--colorSandLight);
+		border-radius: 8px;
+		padding: 2rem;
+		margin-bottom: 2rem;
+		text-align: left;
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+		max-width: 500px;
+		width: 100%;
+	}
+
+	.error-title {
+		font-family: var(--fontFamilyHeading);
+		font-size: var(--fontSizeLarge);
+		font-weight: var(--fontWeightBold);
+		color: var(--colorSandForeground);
+		margin-bottom: 0.5rem;
+	}
+
+	.error-code {
+		font-family: var(--fontFamilyBody);
+		font-size: var(--fontSizeSmall);
+		color: var(--colorSandForeground);
+		margin-bottom: 1rem;
+	}
+
+	.error-message {
+		font-family: var(--fontFamilyBody);
+		font-size: var(--fontSizeSmall);
+		color: var(--colorSandForeground);
+		line-height: 1.5;
+	}
+
+	.home-link {
+		background: var(--colorSandBackground);
+		border: 1px solid var(--colorSandForeground);
+		border-radius: 4px;
+		color: var(--colorSandForeground);
+		text-decoration: none;
+		padding: 0.75rem 1.5rem;
+		font-family: var(--fontFamilyBody);
+		font-size: var(--fontSizeSmall);
+		text-align: center;
+		transition: all var(--colorBlue3);
+		display: inline-block;
+	}
+
+	.home-link:hover {
+		background: var(--colorBlue3);
+		color: var(--colorForegroundAccent);
+	}
+</style>