chore: update img style

src/content/posts/guides/Markdown Style Guide-en.md

@@ -66,7 +66,7 @@ To add an image, add an exclamation mark `!`, followed by alt text in brackets `
 
 ### Output
 
-![Image Description](/assets/retypeset-en-desktop.webp)
+![Image Description](https://image.radishzz.cc/picsmaller/03.webp)
 
 ## Blockquotes
 
@@ -119,6 +119,7 @@ To add a table, use three or more hyphens `---` to create each column’s header
 | --------- | -------- | ------ |
 | _italics_ | **bold** | `code` |
 | _italics_ | **bold** | `code` |
+| _italics_ | **bold** | `code` |
 ```
 
 ### Output
@@ -127,6 +128,7 @@ To add a table, use three or more hyphens `---` to create each column’s header
 | --------- | -------- | ------ |
 | _italics_ | **bold** | `code` |
 | _italics_ | **bold** | `code` |
+| _italics_ | **bold** | `code` |
 
 ## Code Blocks
 

src/content/posts/guides/Markdown Style Guide-es.md

@@ -66,7 +66,7 @@ Para agregar una imagen, añada un signo de exclamación `!`, seguido de texto a
 
 ### Resultado
 
-![Descripción de la Imagen](/assets/retypeset-en-desktop.webp)
+![Descripción de la Imagen](https://image.radishzz.cc/picsmaller/03.webp)
 
 ## Citas en Bloque
 
@@ -119,6 +119,7 @@ Para agregar una tabla, use tres o más guiones `---` para crear el encabezado d
 | --------- | ----------- | -------- |
 | _cursiva_ | **negrita** | `código` |
 | _cursiva_ | **negrita** | `código` |
+| _cursiva_ | **negrita** | `código` |
 ```
 
 ### Resultado
@@ -127,6 +128,7 @@ Para agregar una tabla, use tres o más guiones `---` para crear el encabezado d
 | --------- | ----------- | -------- |
 | _cursiva_ | **negrita** | `código` |
 | _cursiva_ | **negrita** | `código` |
+| _cursiva_ | **negrita** | `código` |
 
 ## Bloques de Código
 

src/content/posts/guides/Markdown Style Guide-ja.md

@@ -66,7 +66,7 @@ abbrlink: markdown-style-guide
 
 ### 効果
 
-![画像の説明](/assets/retypeset-en-desktop.webp)
+![画像の説明](https://image.radishzz.cc/picsmaller/03.webp)
 
 ## 引用ブロック
 
@@ -119,6 +119,7 @@ abbrlink: markdown-style-guide
 | ---------- | ------- | ------- |
 | _イタリック_  | **太字** | `コード` |
 | _イタリック_  | **太字** | `コード` |
+| _イタリック_  | **太字** | `コード` |
 ```
 
 ### 効果
@@ -127,6 +128,7 @@ abbrlink: markdown-style-guide
 | ---------- | ------- | ------- |
 | _イタリック_  | **太字** | `コード` |
 | _イタリック_  | **太字** | `コード` |
+| _イタリック_  | **太字** | `コード` |
 
 ## コードブロック
 

src/content/posts/guides/Markdown Style Guide-ru.md

@@ -66,7 +66,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 
 ### Результат
 
-![Описание изображения](/assets/retypeset-en-desktop.webp)
+![Описание изображения](https://image.radishzz.cc/picsmaller/03.webp)
 
 ## Цитаты
 
@@ -119,6 +119,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 | ---------- | ----------- | ------ |
 | _курсив_   | **жирный**  | `код`  |
 | _курсив_   | **жирный**  | `код`  |
+| _курсив_   | **жирный**  | `код`  |
 ```
 
 ### Результат
@@ -127,6 +128,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 | ---------- | ----------- | ------ |
 | _курсив_   | **жирный**  | `код`  |
 | _курсив_   | **жирный**  | `код`  |
+| _курсив_   | **жирный**  | `код`  |
 
 ## Блоки кода
 

src/content/posts/guides/Markdown Style Guide-zh-tw.md

@@ -66,7 +66,7 @@ abbrlink: markdown-style-guide
 
 ### 效果
 
-![圖片描述](/assets/retypeset-en-desktop.webp)
+![圖片描述](https://image.radishzz.cc/picsmaller/03.webp)
 
 ## 區塊引用
 
@@ -119,6 +119,7 @@ abbrlink: markdown-style-guide
 | ----- | -------- | ------- |
 | _斜體_ | **粗體** | `程式碼` |
 | _斜體_ | **粗體** | `程式碼` |
+| _斜體_ | **粗體** | `程式碼` |
 ```
 
 ### 效果
@@ -127,6 +128,7 @@ abbrlink: markdown-style-guide
 | ------ | ------- | ------- |
 | _斜體_ | **粗體** | `程式碼` |
 | _斜體_ | **粗體** | `程式碼` |
+| _斜體_ | **粗體** | `程式碼` |
 
 ## 程式碼區塊
 

src/content/posts/guides/Markdown Style Guide-zh.md

@@ -66,7 +66,7 @@ abbrlink: markdown-style-guide
 
 ### 效果
 
-![图片描述](/assets/retypeset-en-desktop.webp)
+![图片描述](https://image.radishzz.cc/picsmaller/03.webp)
 
 ## 块引用
 
@@ -119,6 +119,7 @@ abbrlink: markdown-style-guide
 | ----- | ------- | ------ |
 | _斜体_ | **粗体** | `代码` |
 | _斜体_ | **粗体** | `代码` |
+| _斜体_ | **粗体** | `代码` |
 ```
 
 ### 效果
@@ -127,6 +128,7 @@ abbrlink: markdown-style-guide
 | ----- | -------- | ----- |
 | _斜体_ | **粗体** | `代码` |
 | _斜体_ | **粗体** | `代码` |
+| _斜体_ | **粗体** | `代码` |
 
 ## 代码块
 

src/styles/heti.css

@@ -23,6 +23,17 @@
   --at-apply: 'transition-colors hover:(c-primary decoration-secondary/80) lg:underline-0.1em';
 }
 
+/* Images */
+.heti :where(img) {
+  --at-apply: 'mx-auto';
+}
+.heti :where(figure) {
+  --at-apply: 'mx-auto';
+}
+.heti figure > :where(figcaption) {
+  --at-apply: 'text-center text-sm mt-3 text-secondary/50';
+}
+
 /* Paragraphs */
 .heti :where(p) {
   --at-apply: 'mb-4 text-justify';
@@ -289,23 +300,6 @@ html.dark .heti :where(u) {
   --at-apply: 'mx-0.25';
 }
 
-/* Images */
-.heti :where(img) {
-  --at-apply: 'mx-auto my-6';
-}
-.heti :where(figure) {
-  --at-apply: 'mx-auto mt-6 mb-4';
-}
-.heti figure > :where(img) {
-  --at-apply: 'my-0';
-}
-.heti figure > :where(figcaption) {
-  --at-apply: 'text-center text-sm mt-3 text-secondary/50';
-}
-.heti :where(h1, h2, h3, h4, h5, h6) + p > img:first-child {
-  --at-apply: 'mt-0';
-}
-
 /* KaTeX Mathematical */
 .heti :where(.katex-display) {
   --at-apply: 'block max-w-full overflow-x-auto overflow-y-hidden scrollbar-hidden';