diff --git a/website/src/lib/docs/es/getting-started.mdx b/website/src/lib/docs/es/getting-started.mdx
index 9977cf67..96e96918 100644
--- a/website/src/lib/docs/es/getting-started.mdx
+++ b/website/src/lib/docs/es/getting-started.mdx
@@ -3,7 +3,6 @@ title: Primeros pasos
 ---
 
 <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: Primeros pasos
 ¡Bienvenido a la guía oficial de **gpx.studio**!
 Esta guía le llevará a través de todos los componentes y herramientas de la interfaz, ayudándole a convertirse en un usuario competente de la aplicación.
 
-<DocsImage src={interfaceScreenshot} alt="La interfaz de gpx.studio." />
+<DocsImage img="getting-started/interface" alt="The gpx.studio interface." />
 
 Como se muestra en la captura de pantalla anterior, la interfaz se divide en cuatro secciones principales organizadas alrededor del mapa. 
 Antes de entrar en los detalles de cada sección, echemos un vistazo rápido a la interfaz.