fix ML tutorial images

docs/developer-docs/ai/machine-learning-sample.mdx

@@ -3,6 +3,7 @@ keywords: [intermediate, tutorial, machine learning, ml, mnist, rust]
 ---
 
 import TabItem from "@theme/TabItem";
+import useBaseUrl from "@docusaurus/useBaseUrl";
 import { AdornedTabs } from "/src/components/Tabs/AdornedTabs";
 import { AdornedTab } from "/src/components/Tabs/AdornedTab";
 import { BetaChip } from "/src/components/Chip/BetaChip";
@@ -779,9 +780,9 @@ You will see the MNIST sample interface:
 
 <div class="text--center">
   <img
-    src="/docs/current/developer-docs/ai/_attachments/MNIST1.png"
+    src={useBaseUrl("/img/docs/MNIST1.png")}
     alt="MNIST frontend UI"
-    width="600"
+    width="800"
   />
 </div>
 
@@ -795,9 +796,9 @@ For example, draw the number 7:
 
 <div class="text--center">
   <img
-    src="/docs/current/developer-docs/ai/_attachments/MNIST2.png"
+    src={useBaseUrl("/img/docs/MNIST2.png")}
     alt="MNIST drawing number 7"
-    width="600"
+    width="800"
   />
 </div>
 
@@ -807,17 +808,17 @@ You can play with this model by drawing different numbers:
 
 <div class="text--center">
   <img
-    src="/docs/current/developer-docs/ai/_attachments/MNIST3.png"
+    src={useBaseUrl("/img/docs/MNIST3.png")}
     alt="MNIST drawing number 0"
-    width="600"
+    width="800"
   />
 </div>
 
 <div class="text--center">
   <img
-    src="/docs/current/developer-docs/ai/_attachments/MNIST4.png"
+    src={useBaseUrl("/img/docs/MNIST4.png")}
     alt="MNIST drawing number 8"
-    width="600"
+    width="800"
   />
 </div>