diff --git a/@l10n/ja/docs/concepts/tokens/nfts/running-an-nft-auction.md b/@l10n/ja/docs/concepts/tokens/nfts/running-an-nft-auction.md
index 671d580937..0daacfcef2 100644
--- a/@l10n/ja/docs/concepts/tokens/nfts/running-an-nft-auction.md
+++ b/@l10n/ja/docs/concepts/tokens/nfts/running-an-nft-auction.md
@@ -22,7 +22,7 @@ labels:
最低落札価格ありのオークションとして、ブローカー方式で運営する。
-
+{% responsive-graphic desktop="/docs/img/nft-auction1.svg" mobile="/docs/img/nft-auction1.mobile.svg" alt="ブローカー方式で最低落札価格ありのオークション:出品者がNFTを作成し、ブローカーを宛先として最低落札価格を設定し、入札者がブローカーを宛先として入札し、ブローカーが落札を選んで売却を成立させ手数料を受け取り、残りの入札をキャンセルします。" /%}
1. 売り手はNFTを作成し,`NFTokenCreateOffer`を用い,ブローカーアカウントを宛先に設定して,オークションの最低落札価格を設定します。
1. 入札者は`NFTokenCreateOffer`を使ってオファーを出し、ブローカーアカウントを宛先として設定します。
@@ -44,7 +44,7 @@ labels:
この3つのうち、最も複雑なワークフローとなります。
-
+{% responsive-graphic desktop="/docs/img/nft-auction2.svg" mobile="/docs/img/nft-auction2.mobile.svg" alt="ブローカー方式で最低落札価格なしのオークション:出品者がNFTを発行し、入札者がブローカーを宛先としてオファーを作成し、ブローカーが入札を選んで手数料を差し引き出品者に署名を依頼し、出品者がブローカーを宛先として署名し、ブローカーが売却を完了して手数料を保持し、残りの入札をキャンセルします。" /%}
1. 売り手は`NFTokenMint`を使用してNFTを作成します。
1. 入札者は`NFTokenCreateOffer`を使って、ブローカーを宛先としてオファーを出します。
diff --git a/docs/concepts/tokens/nfts/running-an-nft-auction.md b/docs/concepts/tokens/nfts/running-an-nft-auction.md
index 099c8a5556..118b2f0720 100644
--- a/docs/concepts/tokens/nfts/running-an-nft-auction.md
+++ b/docs/concepts/tokens/nfts/running-an-nft-auction.md
@@ -22,7 +22,7 @@ This flow is the most straightforward. Note that the `NFTokenOffer` objects can
Run the auction in brokered mode, as an auction with a reserve.
-
+{% responsive-graphic desktop="/docs/img/nft-auction1.svg" mobile="/docs/img/nft-auction1.mobile.svg" alt="Auction in brokered mode with a reserve: the seller creates the NFT and sets a minimum sale price with the broker as destination, bidders make bids with the broker as destination, and the broker selects the winning bid, completes the sale and takes a fee, then cancels the remaining bids." /%}
1. The seller creates the NFT, then sets the auction reserve price using `NFTokenCreateOffer`, specifying the broker account as the destination.
1. The bidders make offers using `NFTokenCreateOffer`, setting the broker account as the destination.
@@ -44,7 +44,7 @@ A major mitigating factor of this downside is that if this behavior were to happ
This is the most complex workflow of the three.
-
+{% responsive-graphic desktop="/docs/img/nft-auction2.svg" mobile="/docs/img/nft-auction2.mobile.svg" alt="Auction in brokered mode without a reserve: the seller mints the NFT, bidders create offers with the broker as destination, the broker selects a bid, subtracts the fee, and requests the seller sign off, the seller signs the offer with the broker as destination, and the broker completes the sale and retains the fee, then cancels the remaining bids." /%}
1. The seller creates an NFT using `NFTokenMint`.
1. The bidders make offers using `NFTokenCreateOffer`, setting the broker as the destination.
diff --git a/docs/img/nft-auction1.mobile.svg b/docs/img/nft-auction1.mobile.svg
new file mode 100644
index 0000000000..b827881986
--- /dev/null
+++ b/docs/img/nft-auction1.mobile.svg
@@ -0,0 +1,62 @@
+
diff --git a/docs/img/nft-auction1.png b/docs/img/nft-auction1.png
deleted file mode 100644
index ec6bb81db7..0000000000
Binary files a/docs/img/nft-auction1.png and /dev/null differ
diff --git a/docs/img/nft-auction1.svg b/docs/img/nft-auction1.svg
new file mode 100644
index 0000000000..52a3d95c42
--- /dev/null
+++ b/docs/img/nft-auction1.svg
@@ -0,0 +1,69 @@
+
diff --git a/docs/img/nft-auction2.mobile.svg b/docs/img/nft-auction2.mobile.svg
new file mode 100644
index 0000000000..7bdf7a6c11
--- /dev/null
+++ b/docs/img/nft-auction2.mobile.svg
@@ -0,0 +1,73 @@
+
diff --git a/docs/img/nft-auction2.png b/docs/img/nft-auction2.png
deleted file mode 100644
index e07d9f696c..0000000000
Binary files a/docs/img/nft-auction2.png and /dev/null differ
diff --git a/docs/img/nft-auction2.svg b/docs/img/nft-auction2.svg
new file mode 100644
index 0000000000..48a76a33ca
--- /dev/null
+++ b/docs/img/nft-auction2.svg
@@ -0,0 +1,79 @@
+