diff --git a/e2etests/testdata/stable/images/elk/board.exp.json b/e2etests/testdata/stable/images/elk/board.exp.json
index c501801b2..4e2889440 100644
--- a/e2etests/testdata/stable/images/elk/board.exp.json
+++ b/e2etests/testdata/stable/images/elk/board.exp.json
@@ -48,7 +48,7 @@
       "underline": false,
       "labelWidth": 13,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 1
     },
@@ -57,7 +57,7 @@
       "type": "image",
       "pos": {
         "x": 12,
-        "y": 240
+        "y": 266
       },
       "width": 128,
       "height": 128,
@@ -99,7 +99,7 @@
       "underline": false,
       "labelWidth": 13,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 1
     }
@@ -132,11 +132,11 @@
       "route": [
         {
           "x": 76,
-          "y": 140
+          "y": 166
         },
         {
           "x": 76,
-          "y": 240
+          "y": 266
         }
       ],
       "animated": false,
diff --git a/e2etests/testdata/stable/images/elk/sketch.exp.svg b/e2etests/testdata/stable/images/elk/sketch.exp.svg
index 929725390..065dfd73c 100644
--- a/e2etests/testdata/stable/images/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/images/elk/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="328" height="587" viewBox="-88 -119 328 587"><style type="text/css">
+width="328" height="613" viewBox="-88 -88 328 613"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -18,8 +18,8 @@ width="328" height="587" viewBox="-88 -119 328 587"><style type="text/css">
 }
 
 ]]>
-</style><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="-3.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="240" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="225.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 76.000000 142.000000 L 76.000000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1815629444)"/></g><mask id="1815629444" maskUnits="userSpaceOnUse" x="0" y="0" width="328" height="587">
-<rect x="0" y="0" width="328" height="587" fill="white"></rect>
+</style><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="161.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="266" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="415.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 76.000000 168.000000 L 76.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2374789466)"/></g><mask id="2374789466" maskUnits="userSpaceOnUse" x="0" y="0" width="328" height="613">
+<rect x="0" y="0" width="328" height="613" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text-bold {
diff --git a/e2etests/testdata/stable/overlapping_image_container_labels/elk/board.exp.json b/e2etests/testdata/stable/overlapping_image_container_labels/elk/board.exp.json
index a2cdfa6e7..754dfe0fb 100644
--- a/e2etests/testdata/stable/overlapping_image_container_labels/elk/board.exp.json
+++ b/e2etests/testdata/stable/overlapping_image_container_labels/elk/board.exp.json
@@ -48,7 +48,7 @@
       "underline": false,
       "labelWidth": 35,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 1
     },
@@ -57,10 +57,10 @@
       "type": "",
       "pos": {
         "x": 12,
-        "y": 245
+        "y": 271
       },
       "width": 1322,
-      "height": 966,
+      "height": 1044,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -97,7 +97,7 @@
       "type": "image",
       "pos": {
         "x": 280,
-        "y": 320
+        "y": 346
       },
       "width": 128,
       "height": 128,
@@ -139,7 +139,7 @@
       "underline": false,
       "labelWidth": 35,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 2
     },
@@ -148,10 +148,10 @@
       "type": "",
       "pos": {
         "x": 87,
-        "y": 514
+        "y": 566
       },
       "width": 576,
-      "height": 622,
+      "height": 674,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -188,7 +188,7 @@
       "type": "image",
       "pos": {
         "x": 258,
-        "y": 589
+        "y": 641
       },
       "width": 128,
       "height": 128,
@@ -230,7 +230,7 @@
       "underline": false,
       "labelWidth": 35,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 3
     },
@@ -239,10 +239,10 @@
       "type": "",
       "pos": {
         "x": 162,
-        "y": 783
+        "y": 861
       },
       "width": 426,
-      "height": 278,
+      "height": 304,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -279,7 +279,7 @@
       "type": "image",
       "pos": {
         "x": 237,
-        "y": 858
+        "y": 936
       },
       "width": 128,
       "height": 128,
@@ -321,7 +321,7 @@
       "underline": false,
       "labelWidth": 29,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 4
     },
@@ -330,7 +330,7 @@
       "type": "image",
       "pos": {
         "x": 385,
-        "y": 858
+        "y": 936
       },
       "width": 128,
       "height": 128,
@@ -372,7 +372,7 @@
       "underline": false,
       "labelWidth": 39,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 4
     },
@@ -381,10 +381,10 @@
       "type": "",
       "pos": {
         "x": 683,
-        "y": 514
+        "y": 566
       },
       "width": 576,
-      "height": 622,
+      "height": 674,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -421,7 +421,7 @@
       "type": "image",
       "pos": {
         "x": 854,
-        "y": 589
+        "y": 641
       },
       "width": 128,
       "height": 128,
@@ -463,7 +463,7 @@
       "underline": false,
       "labelWidth": 35,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 3
     },
@@ -472,10 +472,10 @@
       "type": "",
       "pos": {
         "x": 758,
-        "y": 783
+        "y": 861
       },
       "width": 426,
-      "height": 278,
+      "height": 304,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -512,7 +512,7 @@
       "type": "image",
       "pos": {
         "x": 833,
-        "y": 858
+        "y": 936
       },
       "width": 128,
       "height": 128,
@@ -554,7 +554,7 @@
       "underline": false,
       "labelWidth": 29,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 4
     },
@@ -563,7 +563,7 @@
       "type": "image",
       "pos": {
         "x": 981,
-        "y": 858
+        "y": 936
       },
       "width": 128,
       "height": 128,
@@ -605,7 +605,7 @@
       "underline": false,
       "labelWidth": 39,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 4
     }
@@ -638,11 +638,11 @@
       "route": [
         {
           "x": 343.6666666666667,
-          "y": 140
+          "y": 166
         },
         {
           "x": 343.6666666666667,
-          "y": 320
+          "y": 346
         }
       ],
       "animated": false,
@@ -677,11 +677,11 @@
       "route": [
         {
           "x": 301,
-          "y": 717
+          "y": 795
         },
         {
           "x": 301,
-          "y": 858
+          "y": 936
         }
       ],
       "animated": false,
@@ -716,19 +716,19 @@
       "route": [
         {
           "x": 343.6666666666667,
-          "y": 717
+          "y": 795
         },
         {
           "x": 343.6666666666667,
-          "y": 768
+          "y": 846
         },
         {
           "x": 449,
-          "y": 768
+          "y": 846
         },
         {
           "x": 449,
-          "y": 858
+          "y": 936
         }
       ],
       "animated": false,
@@ -763,11 +763,11 @@
       "route": [
         {
           "x": 897,
-          "y": 717
+          "y": 795
         },
         {
           "x": 897,
-          "y": 858
+          "y": 936
         }
       ],
       "animated": false,
@@ -802,19 +802,19 @@
       "route": [
         {
           "x": 939.6666666666667,
-          "y": 717
+          "y": 795
         },
         {
           "x": 939.6666666666667,
-          "y": 768
+          "y": 846
         },
         {
           "x": 1045,
-          "y": 768
+          "y": 846
         },
         {
           "x": 1045,
-          "y": 858
+          "y": 936
         }
       ],
       "animated": false,
@@ -849,11 +849,11 @@
       "route": [
         {
           "x": 322.33333333333337,
-          "y": 448
+          "y": 500
         },
         {
           "x": 322.33333333333337,
-          "y": 589
+          "y": 641
         }
       ],
       "animated": false,
@@ -888,19 +888,19 @@
       "route": [
         {
           "x": 365,
-          "y": 448
+          "y": 500
         },
         {
           "x": 365,
-          "y": 458
+          "y": 510
         },
         {
           "x": 918.3333333333334,
-          "y": 458
+          "y": 510
         },
         {
           "x": 918.3333333333334,
-          "y": 589
+          "y": 641
         }
       ],
       "animated": false,
diff --git a/e2etests/testdata/stable/overlapping_image_container_labels/elk/sketch.exp.svg b/e2etests/testdata/stable/overlapping_image_container_labels/elk/sketch.exp.svg
index 86ab6bb0f..c25a9441f 100644
--- a/e2etests/testdata/stable/overlapping_image_container_labels/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/overlapping_image_container_labels/elk/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1522" height="1430" viewBox="-88 -119 1522 1430"><style type="text/css">
+width="1522" height="1503" viewBox="-88 -88 1522 1503"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -18,14 +18,14 @@ width="1522" height="1430" viewBox="-88 -119 1522 1430"><style type="text/css">
 }
 
 ]]>
-</style><g id="root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="280" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="344.000000" y="-3.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container"><g class="shape" ><rect x="12" y="245" width="1322" height="966" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="673.000000" y="278.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="280" y="320" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="344.000000" y="305.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.left"><g class="shape" ><rect x="87" y="514" width="576" height="622" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="375.000000" y="543.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">left</text></g><g id="container.right"><g class="shape" ><rect x="683" y="514" width="576" height="622" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="971.000000" y="543.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">right</text></g><g id="container.left.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="258" y="589" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="322.000000" y="574.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.left.inner"><g class="shape" ><rect x="162" y="783" width="426" height="278" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="375.000000" y="808.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">inner</text></g><g id="container.right.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="854" y="589" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="918.000000" y="574.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.right.inner"><g class="shape" ><rect x="758" y="783" width="426" height="278" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="971.000000" y="808.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">inner</text></g><g id="container.left.inner.left"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="237" y="858" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="301.000000" y="843.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">left</text></g><g id="container.left.inner.right"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="385" y="858" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="449.000000" y="843.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">right</text></g><g id="container.right.inner.left"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="833" y="858" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="897.000000" y="843.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">left</text></g><g id="container.right.inner.right"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="981" y="858" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1045.000000" y="843.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">right</text></g><g id="(root -&gt; container.root)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 343.666667 142.000000 L 343.666667 316.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#553084064)"/></g><g id="container.left.(root -&gt; inner.left)[0]"><path d="M 301.000000 719.000000 L 301.000000 854.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#553084064)"/><text class="text-italic" x="301.000000" y="793.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner left</text></g><g id="container.left.(root -&gt; inner.right)[0]"><path d="M 343.666667 719.000000 L 343.666667 758.000000 S 343.666667 768.000000 353.666667 768.000000 L 439.000000 768.000000 S 449.000000 768.000000 449.000000 778.000000 L 449.000000 854.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#553084064)"/><text class="text-italic" x="416.000000" y="774.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner right</text></g><g id="container.right.(root -&gt; inner.left)[0]"><path d="M 897.000000 719.000000 L 897.000000 854.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#553084064)"/><text class="text-italic" x="897.000000" y="793.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner left</text></g><g id="container.right.(root -&gt; inner.right)[0]"><path d="M 939.666667 719.000000 L 939.666667 758.000000 S 939.666667 768.000000 949.666667 768.000000 L 1035.000000 768.000000 S 1045.000000 768.000000 1045.000000 778.000000 L 1045.000000 854.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#553084064)"/><text class="text-italic" x="1012.000000" y="774.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner right</text></g><g id="container.(root -&gt; left.root)[0]"><path d="M 322.333333 450.000000 L 322.333333 585.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#553084064)"/><text class="text-italic" x="322.000000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to left container root</text></g><g id="container.(root -&gt; right.root)[0]"><path d="M 365.000000 450.000000 L 365.000000 448.000000 S 365.000000 458.000000 375.000000 458.000000 L 908.333333 458.000000 S 918.333333 458.000000 918.333333 468.000000 L 918.333333 585.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#553084064)"/><text class="text-italic" x="702.000000" y="464.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to right container root</text></g><mask id="553084064" maskUnits="userSpaceOnUse" x="0" y="0" width="1522" height="1430">
-<rect x="0" y="0" width="1522" height="1430" fill="white"></rect>
-<rect x="263.000000" y="777.000000" width="76" height="21" fill="black"></rect>
-<rect x="373.000000" y="758.000000" width="86" height="21" fill="black"></rect>
-<rect x="859.000000" y="777.000000" width="76" height="21" fill="black"></rect>
-<rect x="969.000000" y="758.000000" width="86" height="21" fill="black"></rect>
-<rect x="254.000000" y="508.000000" width="136" height="21" fill="black"></rect>
-<rect x="629.000000" y="448.000000" width="146" height="21" fill="black"></rect>
+</style><g id="root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="280" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="344.000000" y="161.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container"><g class="shape" ><rect x="12" y="271" width="1322" height="1044" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="673.000000" y="304.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="280" y="346" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="344.000000" y="495.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.left"><g class="shape" ><rect x="87" y="566" width="576" height="674" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="375.000000" y="595.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">left</text></g><g id="container.right"><g class="shape" ><rect x="683" y="566" width="576" height="674" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="971.000000" y="595.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">right</text></g><g id="container.left.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="258" y="641" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="322.000000" y="790.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.left.inner"><g class="shape" ><rect x="162" y="861" width="426" height="304" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="375.000000" y="886.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">inner</text></g><g id="container.right.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="854" y="641" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="918.000000" y="790.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.right.inner"><g class="shape" ><rect x="758" y="861" width="426" height="304" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="971.000000" y="886.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">inner</text></g><g id="container.left.inner.left"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="237" y="936" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="301.000000" y="1085.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">left</text></g><g id="container.left.inner.right"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="385" y="936" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="449.000000" y="1085.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">right</text></g><g id="container.right.inner.left"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="833" y="936" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="897.000000" y="1085.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">left</text></g><g id="container.right.inner.right"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="981" y="936" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1045.000000" y="1085.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">right</text></g><g id="(root -&gt; container.root)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 343.666667 168.000000 L 343.666667 342.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3442449741)"/></g><g id="container.left.(root -&gt; inner.left)[0]"><path d="M 301.000000 797.000000 L 301.000000 932.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3442449741)"/><text class="text-italic" x="301.000000" y="871.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner left</text></g><g id="container.left.(root -&gt; inner.right)[0]"><path d="M 343.666667 797.000000 L 343.666667 836.000000 S 343.666667 846.000000 353.666667 846.000000 L 439.000000 846.000000 S 449.000000 846.000000 449.000000 856.000000 L 449.000000 932.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3442449741)"/><text class="text-italic" x="416.000000" y="852.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner right</text></g><g id="container.right.(root -&gt; inner.left)[0]"><path d="M 897.000000 797.000000 L 897.000000 932.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3442449741)"/><text class="text-italic" x="897.000000" y="871.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner left</text></g><g id="container.right.(root -&gt; inner.right)[0]"><path d="M 939.666667 797.000000 L 939.666667 836.000000 S 939.666667 846.000000 949.666667 846.000000 L 1035.000000 846.000000 S 1045.000000 846.000000 1045.000000 856.000000 L 1045.000000 932.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3442449741)"/><text class="text-italic" x="1012.000000" y="852.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner right</text></g><g id="container.(root -&gt; left.root)[0]"><path d="M 322.333333 502.000000 L 322.333333 637.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3442449741)"/><text class="text-italic" x="322.000000" y="576.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to left container root</text></g><g id="container.(root -&gt; right.root)[0]"><path d="M 365.000000 502.000000 L 365.000000 500.000000 S 365.000000 510.000000 375.000000 510.000000 L 908.333333 510.000000 S 918.333333 510.000000 918.333333 520.000000 L 918.333333 637.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3442449741)"/><text class="text-italic" x="702.000000" y="516.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to right container root</text></g><mask id="3442449741" maskUnits="userSpaceOnUse" x="0" y="0" width="1522" height="1503">
+<rect x="0" y="0" width="1522" height="1503" fill="white"></rect>
+<rect x="263.000000" y="855.000000" width="76" height="21" fill="black"></rect>
+<rect x="373.000000" y="836.000000" width="86" height="21" fill="black"></rect>
+<rect x="859.000000" y="855.000000" width="76" height="21" fill="black"></rect>
+<rect x="969.000000" y="836.000000" width="86" height="21" fill="black"></rect>
+<rect x="254.000000" y="560.000000" width="136" height="21" fill="black"></rect>
+<rect x="629.000000" y="500.000000" width="146" height="21" fill="black"></rect>
 </mask><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";