diff --git a/website/src/lib/docs/de/getting-started.mdx b/website/src/lib/docs/de/getting-started.mdx
index 9d5c2279..3d181573 100644
--- a/website/src/lib/docs/de/getting-started.mdx
+++ b/website/src/lib/docs/de/getting-started.mdx
@@ -3,7 +3,6 @@ title: Erste Schritte
 ---
 
 <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: Erste Schritte
 Willkommen bei der offiziellen Anleitung für **gpx.studio**!
 This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
 
-<DocsImage src={interfaceScreenshot} alt="Die gpx.studio Oberfläche." />
+<DocsImage img="getting-started/interface" alt="The gpx.studio interface." />
 
 Wie im obigen Screenshot dargestellt, ist die Oberfläche in vier Bereiche um die Karte herum aufgeteilt. 
 Bevor wir in die Details der einzelnen Bereiche einsteigen, lassen Sie uns einen Überblick der Oberfläche verschaffen.