Update image syntax to use shortcode for enhanced formatting in Roo Code API guide

Author: d-oit

content/en/blog/Roo-Code/how-to-trace-and-log-roo-code-api-post-requests-with-braintrust-ai-proxy.md

@@ -38,7 +38,7 @@ Here’s how to configure **Roo Code**’s UI to route all your OpenAI–compati
    * Paste your **Braintrust** API key here.
    * Whenever you include tracing headers, Braintrust uses this key to authenticate and associate spans with your project.
 
-   ![image](./img/blog/RooCodeBraintrustTraceCacheConfiguration.png)
+   {{< image class="rounded lightbox" src="./img/blog/RooCodeBraintrustTraceCacheConfiguration.png" caption="Click the image to enlarge and view the full configuration: Insert the Braintrust proxy endpoint into Roo Code's Base URL field. Add the Braintrust-specific headers to enable tracing and caching." >}}
 
 4. **Custom Headers**
 
@@ -48,7 +48,7 @@ Here’s how to configure **Roo Code**’s UI to route all your OpenAI–compati
      * `x-bt-parent` = `project_id:<YOUR_PROJECT_ID>`
    * These instruct the proxy to cache deterministic calls and to start a new trace under your Braintrust project.
 
-   ![image](./img/blog/BraintrustProjectId.png)
+   {{< image class="rounded lightbox" src="./img/blog/BraintrustProjectId.png" caption="Get project id in braintrust web ui." >}}
 
 5. **Enable Streaming** (optional)
 
@@ -82,7 +82,7 @@ Every request that includes `x-bt-parent` will emit a root span into Braintrust
 
 This gives you full visibility into prompt inputs, response tokens, timings, and cache hits—all without modifying any application code.
 
-![image](./img/blog/BraintrustRooCodeChatTrace.png)
+{{< image class="rounded lightbox" src="./img/blog/BraintrustRooCodeChatTrace.png" caption="Braintrust chat trace" >}}
 
 ## Further Reading