diff --git a/docs/guides/test-svgs/2000px-w-5000px-h-diagram.svg b/docs/guides/test-svgs/2000px-w-5000px-h-diagram.svg
new file mode 100644
index 00000000000..d6348d4d828
--- /dev/null
+++ b/docs/guides/test-svgs/2000px-w-5000px-h-diagram.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_1"
+   viewBox="0 0 2000 5000"
+   version="1.1">
+  <defs>
+    <style>.demo-rect{fill:#a7cbd6;stroke:#0d90d4;stroke-width:10px}</style>
+  </defs>
+  <rect
+     class="demo-rect"
+     x="0"
+     y="0"
+     width="2000"
+     height="5000" />
+</svg>
\ No newline at end of file
diff --git a/docs/guides/test-svgs/20px-w-50px-h-diagram.svg b/docs/guides/test-svgs/20px-w-50px-h-diagram.svg
new file mode 100644
index 00000000000..bd436d8af20
--- /dev/null
+++ b/docs/guides/test-svgs/20px-w-50px-h-diagram.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_1"
+   viewBox="0 0 20 50"
+   version="1.1">
+  <defs>
+    <style>.demo-rect{fill:#a7cbd6;stroke:#0d90d4;stroke-width:10px}</style>
+  </defs>
+  <rect
+     class="demo-rect"
+     x="0"
+     y="0"
+     width="20"
+     height="50" />
+</svg>
\ No newline at end of file
diff --git a/docs/guides/test-svgs/4000px-w-3000px-h-diagram.svg b/docs/guides/test-svgs/4000px-w-3000px-h-diagram.svg
new file mode 100644
index 00000000000..38f0fddae79
--- /dev/null
+++ b/docs/guides/test-svgs/4000px-w-3000px-h-diagram.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_1"
+   viewBox="0 0 5000 3750"
+   version="1.1">
+  <defs>
+    <style>.demo-rect{fill:#a7cbd6;stroke:#0d90d4;stroke-width:10px}</style>
+  </defs>
+  <rect
+     class="demo-rect"
+     x="0"
+     y="0"
+     width="5000"
+     height="3750" />
+</svg>
\ No newline at end of file
diff --git a/docs/guides/test-svgs/40px-w-30px-h-diagram.svg b/docs/guides/test-svgs/40px-w-30px-h-diagram.svg
new file mode 100644
index 00000000000..2f42053b774
--- /dev/null
+++ b/docs/guides/test-svgs/40px-w-30px-h-diagram.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_1"
+   viewBox="0 0 40 30"
+   version="1.1">
+  <defs>
+    <style>.demo-rect{fill:#a7cbd6;stroke:#0d90d4;stroke-width:10px}</style>
+  </defs>
+  <rect
+     class="demo-rect"
+     x="0"
+     y="0"
+     width="40"
+     height="30" />
+</svg>
\ No newline at end of file
diff --git a/docs/guides/test-svgs/5000px-w-2000px-h-diagram.svg b/docs/guides/test-svgs/5000px-w-2000px-h-diagram.svg
new file mode 100644
index 00000000000..7be30247d06
--- /dev/null
+++ b/docs/guides/test-svgs/5000px-w-2000px-h-diagram.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_1"
+   viewBox="0 0 5000 2000"
+   version="1.1">
+  <defs>
+    <style>.demo-rect{fill:#a7cbd6;stroke:#0d90d4;stroke-width:10px}</style>
+  </defs>
+  <rect
+     class="demo-rect"
+     x="0"
+     y="0"
+     width="5000"
+     height="2000" />
+</svg>
\ No newline at end of file
diff --git a/docs/guides/test-svgs/50px-w-20px-h-diagram.svg b/docs/guides/test-svgs/50px-w-20px-h-diagram.svg
new file mode 100644
index 00000000000..842387f5d4d
--- /dev/null
+++ b/docs/guides/test-svgs/50px-w-20px-h-diagram.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_1"
+   viewBox="0 0 50 20"
+   version="1.1">
+  <defs>
+    <style>.demo-rect{fill:#a7cbd6;stroke:#0d90d4;stroke-width:10px}</style>
+  </defs>
+  <rect
+     class="demo-rect"
+     x="0"
+     y="0"
+     width="50"
+     height="20" />
+</svg>
\ No newline at end of file
diff --git a/docs/guides/test-svgs/index.md b/docs/guides/test-svgs/index.md
new file mode 100644
index 00000000000..f6d3526a7e0
--- /dev/null
+++ b/docs/guides/test-svgs/index.md
@@ -0,0 +1,38 @@
+---
+slug: test-svgs
+title: "Test SVGs"
+description: 'Test SVGs'
+published: 2024-05-01
+keywords: []
+license: '[CC BY-ND 4.0](https://creativecommons.org/licenses/by-nd/4.0)'
+---
+
+All SVGs have a 10px border applied to them:
+
+## Wider than body column
+
+### 5:2 aspect ratio: 5000px width, 2000px height SVG
+
+![5000px width, 2000px height SVG](5000px-w-2000px-h-diagram.svg)
+
+### 2:5 aspect ratio: 2000px width, 5000px height SVG
+
+![2000px width, 5000px height SVG](2000px-w-5000px-h-diagram.svg)
+
+### 4:3 aspect ratio: 4000px width, 3000px height SVG
+
+![4000px width, 3000px height SVG](4000px-w-3000px-h-diagram.svg)
+
+## Narrower than body column
+
+### 5:2 aspect ratio: 50px width, 20px height SVG
+
+![50px width, 20px height SVG](50px-w-20px-h-diagram.svg)
+
+### 2:5 aspect ratio: 20px width, 50px height SVG
+
+![20px width, 50px height SVG](20px-w-50px-h-diagram.svg)
+
+### 4:3 aspect ratio: 40px width, 30px height SVG
+
+![40px width, 30px height SVG](40px-w-30px-h-diagram.svg)
\ No newline at end of file