diff --git a/website/src/lib/docs/nl/getting-started.mdx b/website/src/lib/docs/nl/getting-started.mdx
index f99227b4..598ef6f6 100644
--- a/website/src/lib/docs/nl/getting-started.mdx
+++ b/website/src/lib/docs/nl/getting-started.mdx
@@ -3,7 +3,6 @@ title: Aan de slag
 ---
 
 <script lang="ts">
-    import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
     import DocsImage from '$lib/components/docs/DocsImage.svelte';
 </script>
 
@@ -12,7 +11,7 @@ title: Aan de slag
 Welkom bij de officiële handleiding voor **gpx.studio**!
 Deze handleiding zal je door alle componenten en gereedschappen van de interface begeleiden en je helpen een deskundige gebruiker van de applicatie te worden.
 
-<DocsImage src={interfaceScreenshot} alt="De gpx.studio interface." />
+<DocsImage img="getting-started/interface" alt="The gpx.studio interface." />
 
 Zoals weergegeven in bovenstaande scherm, is de interface verdeeld in vier hoofddelen rond de kaart. 
 Voordat we in de details van elke sectie duiken, hebben we een snel overzicht van de interface.