diff --git a/src/content/docs/tools/element-crossing.mdx b/src/content/docs/tools/element-crossing.mdx
index b3ff540..bd7070b 100644
--- a/src/content/docs/tools/element-crossing.mdx
+++ b/src/content/docs/tools/element-crossing.mdx
@@ -8,7 +8,7 @@ head:
   - tag: meta
     attrs:
       property: "og:image"
-      content: "https://vtbag.dev/crossing-og.png"
+      content: "/crossing-og.png"
 ---
 
 import { Steps } from "@astrojs/starlight/components";
@@ -128,63 +128,70 @@ data-vtbag-x ::= "id:" identifier ( space+ "prop:" name | space+ "class:" name |
     rect.terminal         {fill: #FFDB4D; stroke: #332900; stroke-width: 1;}
     rect.nonterminal      {fill: #FFEC9E; stroke: #332900; stroke-width: 1;}
 `}
-      </style>
-    </defs>
-    <polygon points="9 49 1 45 1 53" />
-    <polygon points="17 49 9 45 9 53" />
-    <rect x="31" y="35" width="38" height="32" rx="10" />
-    <rect x="29" y="33" width="38" height="32" class="terminal" rx="10" />
-    <text class="terminal" x="39" y="53">
-      id:
-    </text>
-    <g>
-      <rect x="89" y="35" width="76" height="32" />
-      <rect x="87" y="33" width="76" height="32" class="nonterminal" />
-      <text class="nonterminal" x="97" y="53">
-        identifier
-      </text>
-    </g>
-    <g>
-      <rect x="245" y="35" width="56" height="32" />
-      <rect x="243" y="33" width="56" height="32" class="nonterminal" />
-      <text class="nonterminal" x="253" y="53">
-        space
-      </text>
-    </g>
-    <rect x="361" y="35" width="56" height="32" rx="10" />
-    <rect x="359" y="33" width="56" height="32" class="terminal" rx="10" />
-    <text class="terminal" x="369" y="53">
-      prop:
-    </text>
-    <rect x="361" y="79" width="58" height="32" rx="10" />
-    <rect x="359" y="77" width="58" height="32" class="terminal" rx="10" />
-    <text class="terminal" x="369" y="97">
-      class:
-    </text>
-    <rect x="361" y="123" width="58" height="32" rx="10" />
-    <rect x="359" y="121" width="58" height="32" class="terminal" rx="10" />
-    <text class="terminal" x="369" y="141">
-      style:
-    </text>
-    <rect x="361" y="167" width="52" height="32" rx="10" />
-    <rect x="359" y="165" width="52" height="32" class="terminal" rx="10" />
-    <text class="terminal" x="369" y="185">
-      anim:
-    </text>
-    <g>
-      <rect x="459" y="35" width="56" height="32" />
-      <rect x="457" y="33" width="56" height="32" class="nonterminal" />
-      <text class="nonterminal" x="467" y="53">
-        name
-      </text>
-    </g>
-    <path
-      class="line"
-      d="m17 49 h2 m0 0 h10 m38 0 h10 m0 0 h10 m76 0 h10 m60 0 h10 m56 0 h10 m-96 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -12 q0 -10 10 -10 m76 32 l20 0 m-20 0 q10 0 10 -10 l0 -12 q0 -10 -10 -10 m-76 0 h10 m0 0 h66 m40 32 h10 m56 0 h10 m0 0 h2 m-98 0 h20 m78 0 h20 m-118 0 q10 0 10 10 m98 0 q0 -10 10 -10 m-108 10 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m52 0 h10 m0 0 h6 m20 -132 h10 m56 0 h10 m-330 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -28 q0 -10 10 -10 m310 48 l20 0 m-20 0 q10 0 10 -10 l0 -28 q0 -10 -10 -10 m-310 0 h10 m0 0 h300 m-350 48 h20 m350 0 h20 m-390 0 q10 0 10 10 m370 0 q0 -10 10 -10 m-380 10 v146 m370 0 v-146 m-370 146 q0 10 10 10 m350 0 q10 0 10 -10 m-360 10 h10 m0 0 h340 m23 -166 h-3"
-    />
-    <polygon points="573 49 581 45 581 53" />
-    <polygon points="573 49 565 45 565 53" />
-  </svg>
+  </style>
+   </defs>
+   <polygon points="9 49 1 45 1 53"/>
+   <polygon points="17 49 9 45 9 53"/>
+   <rect x="31" y="35" width="38" height="32" rx="10"/>
+   <rect x="29"
+         y="33"
+         width="38"
+         height="32"
+         class="terminal"
+         rx="10"/>
+   <text class="terminal" x="39" y="53">id:</text>
+   <g>
+      <rect x="89" y="35" width="76" height="32"/>
+      <rect x="87" y="33" width="76" height="32" class="nonterminal"/>
+      <text class="nonterminal" x="97" y="53">identifier</text>
+   </g>
+   <g>
+      <rect x="245" y="35" width="56" height="32"/>
+      <rect x="243" y="33" width="56" height="32" class="nonterminal"/>
+      <text class="nonterminal" x="253" y="53">space</text>
+   </g>
+   <rect x="361" y="35" width="56" height="32" rx="10"/>
+   <rect x="359"
+         y="33"
+         width="56"
+         height="32"
+         class="terminal"
+         rx="10"/>
+   <text class="terminal" x="369" y="53">prop:</text>
+   <rect x="361" y="79" width="58" height="32" rx="10"/>
+   <rect x="359"
+         y="77"
+         width="58"
+         height="32"
+         class="terminal"
+         rx="10"/>
+   <text class="terminal" x="369" y="97">class:</text>
+   <rect x="361" y="123" width="58" height="32" rx="10"/>
+   <rect x="359"
+         y="121"
+         width="58"
+         height="32"
+         class="terminal"
+         rx="10"/>
+   <text class="terminal" x="369" y="141">style:</text>
+   <rect x="361" y="167" width="52" height="32" rx="10"/>
+   <rect x="359"
+         y="165"
+         width="52"
+         height="32"
+         class="terminal"
+         rx="10"/>
+   <text class="terminal" x="369" y="185">anim:</text>
+   <g>
+      <rect x="459" y="35" width="56" height="32"/>
+      <rect x="457" y="33" width="56" height="32" class="nonterminal"/>
+      <text class="nonterminal" x="467" y="53">name</text>
+   </g>
+   <path class="line"
+         d="m17 49 h2 m0 0 h10 m38 0 h10 m0 0 h10 m76 0 h10 m60 0 h10 m56 0 h10 m-96 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -12 q0 -10 10 -10 m76 32 l20 0 m-20 0 q10 0 10 -10 l0 -12 q0 -10 -10 -10 m-76 0 h10 m0 0 h66 m40 32 h10 m56 0 h10 m0 0 h2 m-98 0 h20 m78 0 h20 m-118 0 q10 0 10 10 m98 0 q0 -10 10 -10 m-108 10 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m52 0 h10 m0 0 h6 m20 -132 h10 m56 0 h10 m-330 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -28 q0 -10 10 -10 m310 48 l20 0 m-20 0 q10 0 10 -10 l0 -28 q0 -10 -10 -10 m-310 0 h10 m0 0 h300 m-350 48 h20 m350 0 h20 m-390 0 q10 0 10 10 m370 0 q0 -10 10 -10 m-380 10 v146 m370 0 v-146 m-370 146 q0 10 10 10 m350 0 q10 0 10 -10 m-360 10 h10 m0 0 h340 m23 -166 h-3"/>
+   <polygon points="573 49 581 45 581 53"/>
+   <polygon points="573 49 565 45 565 53"/>
+</svg>
 </div>
 
 #### id