diff --git a/website/src/lib/docs/lv/getting-started.mdx b/website/src/lib/docs/lv/getting-started.mdx
index 3c57e8ad..85fa294e 100644
--- a/website/src/lib/docs/lv/getting-started.mdx
+++ b/website/src/lib/docs/lv/getting-started.mdx
@@ -3,7 +3,6 @@ title: Getting started
 ---
 
 <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: Getting started
 Welcome to the official guide for **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="The gpx.studio interface." />
+<DocsImage img="getting-started/interface" alt="The gpx.studio interface." />
 
 As shown in the screenshot above, the interface is divided into four main sections organized around the map. 
 Before we dive into the details of each section, let's have a quick overview of the interface.