diff --git a/en/workshop/basic/the-right-way-of-markdown.mdx b/en/workshop/basic/the-right-way-of-markdown.mdx
index e8f1b564..b8c94af4 100644
--- a/en/workshop/basic/the-right-way-of-markdown.mdx
+++ b/en/workshop/basic/the-right-way-of-markdown.mdx
@@ -15,6 +15,11 @@ Use Markdown in your Answer / End nodes to render things like:
 - Fenced Code Blocks
 - Audio and Video
 
+<img
+  src="/images/CleanShot2025-07-14at00.34.54.png"
+  className="mr-auto"
+/>
+
 ### Headings
 
 Use `#` for headings, with the number of `#` symbols indicating the heading level:
diff --git a/ja-jp/workshop/basic/the-right-way-of-markdown.mdx b/ja-jp/workshop/basic/the-right-way-of-markdown.mdx
index 26d3e60e..9a37ff3b 100644
--- a/ja-jp/workshop/basic/the-right-way-of-markdown.mdx
+++ b/ja-jp/workshop/basic/the-right-way-of-markdown.mdx
@@ -15,6 +15,11 @@ Answer / End ノード内で以下のような要素を Markdown で描画でき
 * 複数行のコードブロック
 * オーディオとビデオ
 
+<img
+  src="/images/CleanShot2025-07-14at00.34.54.png"
+  className="mr-auto"
+/>
+
 ### 見出し
 
 `#` を使って見出しを作成します。`#` の数が見出しの階層を表します：
diff --git a/zh-hans/workshop/basic/the-right-way-of-markdown.mdx b/zh-hans/workshop/basic/the-right-way-of-markdown.mdx
index a40644e0..3d92eabf 100644
--- a/zh-hans/workshop/basic/the-right-way-of-markdown.mdx
+++ b/zh-hans/workshop/basic/the-right-way-of-markdown.mdx
@@ -15,6 +15,11 @@ title: Markdown 的正确使用方式
 * 多行代码块
 * 音频和视频
 
+<img
+  src="/images/CleanShot2025-07-14at00.34.54.png"
+  className="mr-auto"
+/>
+
 ### 标题
 
 使用 `#` 来表示标题，`#` 的数量表示标题级别：