diff --git a/docs/src/content/docs/getting-started/configuration.mdx b/docs/src/content/docs/getting-started/configuration.mdx
index 64b3e6be46..9af744c1be 100644
--- a/docs/src/content/docs/getting-started/configuration.mdx
+++ b/docs/src/content/docs/getting-started/configuration.mdx
@@ -8,6 +8,13 @@ sidebar:
 import { FileTree } from '@astrojs/starlight/components';
 import { Steps } from '@astrojs/starlight/components';
 import { Tabs, TabItem } from '@astrojs/starlight/components';
+import { Image } from "astro:assets"
+
+import insidersSrc from '../../../assets/vscode-insiders.png'
+import insidersAlt from '../../../assets/vscode-insiders.png.txt?raw'
+
+import selectLLMSrc from '../../../assets/vscode-select-llm.png'
+import selectLLMAlt from '../../../assets/vscode-select-llm.png.txt?raw'
 
 You will need to configure the LLM connection and authorizion secrets. 
 
@@ -172,7 +179,7 @@ It can be installed side-by-side with the stable version of Visual Studio Code.
 
 Open your project in Visual Studio Code Insiders (green icon).
 
-![Visual Studio Code Insiders Icon is green](../../../assets/vscode-insiders.png)
+<Image src={insidersSrc} alt={insidersAlt} />
 
 </li>
 
@@ -219,7 +226,7 @@ Restart Visual Studio Code Insiders to enable the extension.
 When you try to run a script, you will be prompted to authorize the Copilot subscription.
 After authorizing access, you will see a quick pick dialog to select one of the installed Language Model.
 
-![Visual Studio Code Insiders Icon is green](../../../assets/vscode-select-llm.png)
+<Image src={selectLLMSrc} alt={selectLLMAlt} />
 
 Note that this dialog is not used once you have a populated `.env` file.