diff --git a/package.json b/package.json
index c3d475e..b202d5c 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite --host",
+    "dev": "vite",
     "build": "vite-ssg build",
     "start": "vite preview"
   },
diff --git a/public/photography/Late_afternoon.webp b/public/photography/Late_afternoon.webp
deleted file mode 100644
index 769faee..0000000
Binary files a/public/photography/Late_afternoon.webp and /dev/null differ
diff --git a/public/photography/Heat.webp b/src/assets/photography/heat.webp
similarity index 100%
rename from public/photography/Heat.webp
rename to src/assets/photography/heat.webp
diff --git a/src/assets/photography/late_afternoon.webp b/src/assets/photography/late_afternoon.webp
new file mode 100644
index 0000000..04a707b
Binary files /dev/null and b/src/assets/photography/late_afternoon.webp differ
diff --git a/public/photography/Martyrdom.webp b/src/assets/photography/martyrdom.webp
similarity index 100%
rename from public/photography/Martyrdom.webp
rename to src/assets/photography/martyrdom.webp
diff --git a/src/data.ts b/src/data.ts
index 64c12fc..4b356a3 100644
--- a/src/data.ts
+++ b/src/data.ts
@@ -1,28 +1,32 @@
+import lateAfternoonUrl from "./assets/photography/late_afternoon.webp"
+import martyrdomUrl from "./assets/photography/martyrdom.webp"
+import heatUrl from "./assets/photography/heat.webp"
+
 interface Photo {
-  file: string
   title: string
   altText: string
   date: string
   description: string
+  url: string
 }
 
 export const photos: Photo[] = [
   {
-    file: "Late_afternoon.webp",
     title: "Late afternoon",
     altText: "A red house in London",
     date: "2019",
-    description: "65 Curzon Street, Mayfair, London"
+    description: "65 Curzon Street, Mayfair, London",
+    url: lateAfternoonUrl
   },
   {
-    file: "Martyrdom.webp",
+    url: martyrdomUrl,
     title: "Martyrdom",
     altText: "A church on a vineyard",
     date: "2019",
     description: "The Sankt-Laurentius church by the Mosel river in Bremm (Germany)."
   },
   {
-    file: "Heat.webp",
+    url: heatUrl,
     title: "Heat",
     altText: "An orange passageway with windows on all walls",
     date: "2022",
diff --git a/src/pages/photography.vue b/src/pages/photography.vue
index 62d26c3..57608b4 100644
--- a/src/pages/photography.vue
+++ b/src/pages/photography.vue
@@ -3,12 +3,12 @@
     <div class="flex flex-col space-y-30 lg:space-y-20">
       <div
         v-for="photo in photos"
-        :key="photo.file"
+        :key="photo.url"
         class="flex -lg:space-y-10 lg:space-x-10 -lg:flex-col -lg:items-center"
       >
-        <a class="lg:max-w-150 block w-full" :href="`/photography/${photo.file}`">
+        <a class="lg:max-w-150 block w-full" :href="photo.url">
           <SuspendingImage
-            :src="`/photography/${photo.file}`"
+            :src="photo.url"
             :alt="photo.altText"
             class="w-full max-h-80vh block object-contain"
           />