diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f333803..d3c674b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,7 @@
 <script>
-	import Avif from './profile.avif';
-	import Jpeg from './profile.avif?format=jpeg';
-	import WebP from './profile.avif?format=webp';
+	import Avif from './profile.avif?w=320&format=avif';
+	import Jpeg from './profile.avif?w=320&format=jpeg';
+	import WebP from './profile.avif?w=320&format=webp';
 	import cv from '../cv.pdf';
 
 	import EnvelopeSimple from 'phosphor-svelte/lib/EnvelopeSimple';
@@ -101,8 +101,8 @@
 	@import '../button';
 
 	picture {
-		max-width: 320px;
-		max-height: 320px;
+		width: 320px;
+		height: 320px;
 		margin: 0 auto;
 		clip-path: var(--clip-path);
 	}
diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
index db5d780..80f10c1 100644
--- a/src/routes/Header.svelte
+++ b/src/routes/Header.svelte
@@ -3,9 +3,9 @@
 	import Spacer from '$lib/Spacer.svelte';
 	import { onMount } from 'svelte';
 
-	import Avif from './logo.avif';
-	import Jpeg from './logo.avif?format=jpeg';
-	import WebP from './logo.avif?format=webp';
+	import Avif from './logo.avif?w=192&format=avif';
+	import Jpeg from './logo.avif?w=192&format=jpeg';
+	import WebP from './logo.avif?w=192&format=webp';
 	import List from 'phosphor-svelte/lib/List';
 	import { afterNavigate } from '$app/navigation';
 
@@ -115,10 +115,6 @@
 
 	.logo {
 		width: 12rem;
-		align-self: flex-start;
-	}
-	.logo picture {
-		min-width: 6rem;
-		min-height: 3rem;
+		height: 12rem;
 	}
 </style>