From dd3412d5c558645497205410cdce3b0ebe4ffa70 Mon Sep 17 00:00:00 2001
From: Henry Williams <hwill12345@gmail.com>
Date: Mon, 9 Dec 2024 21:10:28 -0800
Subject: [PATCH] Update langfuse.mdx

---
 fern/providers/observability/langfuse.mdx | 32 ++++++++++++-----------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/fern/providers/observability/langfuse.mdx b/fern/providers/observability/langfuse.mdx
index 9e62986e8..11bbd8a37 100644
--- a/fern/providers/observability/langfuse.mdx
+++ b/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>
\ No newline at end of file
+</Steps>