Update langfuse.mdx (#98)

Author: humford

fern/providers/observability/langfuse.mdx

@@ -8,16 +8,18 @@ slug: providers/observability/langfuse
 
 Vapi natively integrates with Langfuse, allowing you to send traces directly to Langfuse for enhanced telemetry monitoring. This integration enables you to gain deeper insights into your voice AI applications and improve their performance and reliability.
 
-<iframe
-        src="https://youtu.be/V4ybHNWvu90"
-        title="YouTube video player"
-        frameborder="0"
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-        referrerpolicy="strict-origin-when-cross-origin"
-        width="100%"
-        height="400px"
-        allowfullscreen
-/>
+<Frame>
+  <div class="video-embed-wrapper">
+    <iframe
+      src="https://www.youtube.com/embed/V4ybHNWvu90?si=QDCINdagfM47Exn4"
+      title='An embedded YouTube video titled "Langfuse Integration with Vapi"'
+      frameborder="0"
+      allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+      allowfullscreen
+      referrerpolicy="strict-origin-when-cross-origin"
+    />
+  </div>
+</Frame>
 
 ## What is Langfuse?
 
@@ -50,8 +52,8 @@ Under the **Observability Providers** section, you'll find an option for **Langf
 
 Click **Save** to update your credentials.
 
-<Frame border className="sm:w-1/2">
-![Vapi Provider Credentials](https://langfuse.com/images/docs/vapi-integration-credentials.png)
+<Frame caption="Vapi Provider Credentials.">
+  <img src="https://langfuse.com/images/docs/vapi-integration-credentials.png" />
 </Frame>
 
 </Step>
@@ -60,8 +62,8 @@ Click **Save** to update your credentials.
 
 Once you've added your credentials, you should start seeing traces in your Langfuse dashboard for every conversation your agents have.
 
-<Frame border>
-![Example trace of Vapi conversation in Langfuse](https://langfuse.com/images/docs/vapi-integration-example-trace.png)
+<Frame caption="Example trace of Vapi conversation in Langfuse.">
+  <img src="https://langfuse.com/images/docs/vapi-integration-example-trace.png" />
 </Frame>
 
 Example trace in Langfuse: https://cloud.langfuse.com/project/cloramnkj0002jz088vzn1ja4/traces/50163c14-9784-4cb9-b18e-23e924d0bb66
@@ -73,4 +75,4 @@ Example trace in Langfuse: https://cloud.langfuse.com/project/cloramnkj0002jz088
 To make the most out of this integration, you can now use Langfuse's [evaluation](https://langfuse.com/docs/scores/overview) and [debugging](https://langfuse.com/docs/analytics/overview) tools to analyze and improve the performance of your voice AI agents. 
 
 </Step>
-</Steps>
+</Steps>