diff --git a/website/src/lib/docs/fr/getting-started.mdx b/website/src/lib/docs/fr/getting-started.mdx
index c7aa5039..26431e0a 100644
--- a/website/src/lib/docs/fr/getting-started.mdx
+++ b/website/src/lib/docs/fr/getting-started.mdx
@@ -3,7 +3,6 @@ title: Premiers pas
 ---
 
 <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: Premiers pas
 Bienvenue dans le guide officiel de **gpx.studio**!
 Ce guide présente pas-à-pas tous les composants et outils de l’interface, et vous aidera à devenir un utilisateur chevronné de l’application.
 
-<DocsImage src={interfaceScreenshot} alt="L'interface de gpx.studio." />
+<DocsImage img="getting-started/interface" alt="The gpx.studio interface." />
 
 Comme le montre la capture d'écran ci-dessus, l'interface est divisée en quatre sections principales organisées autour de la carte. 
 Avant de plonger dans les détails de chaque section, voici ci-dessous un aperçu rapide de l'interface.