fix: fix image loading in some posts

2025-12-11 04:22:07 +00:00 · 2022-06-08 09:31:03 -07:00
parent 703803157b
commit f5d37717a6
5 changed files with 252 additions and 92 deletions
--- a/content/blog/intro-to-web-accessability/index.md
+++ b/content/blog/intro-to-web-accessability/index.md
@@ -32,27 +32,27 @@ Something to keep in mind is that these disabilities may not be permanent. For i
 	</tr>
 	<tr>
 		<th scope="row">Touch</th>
-		<td><img src="./one_arm.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>One arm</td>
-		<td><img src="./arm_injury.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Arm injury</td>
-		<td><img src="./new_parent.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>New parent</td>
+		<td><img src="./one_arm.png" style="height: 200px"/><br/>One arm</td>
+		<td><img src="./arm_injury.png" style="height: 200px"/><br/>Arm injury</td>
+		<td><img src="./new_parent.png" style="height: 200px"/><br/>New parent</td>
 	</tr>
 	<tr>
 		<th scope="row">See</th>
-		<td><img src="./blind.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Blind</td>
-		<td><img src="./cataract.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Cataract</td>
-		<td><img src="./distracted_driver.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Distracted driver</td>
+		<td><img src="./blind.png" style="height: 200px"/><br/>Blind</td>
+		<td><img src="./cataract.png" style="height: 200px"/><br/>Cataract</td>
+		<td><img src="./distracted_driver.png" style="height: 200px"/><br/>Distracted driver</td>
 	</tr>
 	<tr>
 		<th scope="row">Hear</th>
-		<td><img src="./deaf.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Deaf</td>
-		<td><img src="./ear_infection.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Ear infection</td>
-		<td><img src="./bartender.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Bartender</td>
+		<td><img src="./deaf.png" style="height: 200px"/><br/>Deaf</td>
+		<td><img src="./ear_infection.png" style="height: 200px"/><br/>Ear infection</td>
+		<td><img src="./bartender.png" style="height: 200px"/><br/>Bartender</td>
 	</tr>
 	<tr>
 		<th scope="row">Speak</th>
-		<td><img src="./non_verbal.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Non-verbal</td>
-		<td><img src="./laryngitis.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Laryngitis</td>
-		<td><img src="./heavy_accent.png" style="height: 200px" alt="GATSBY_EMPTY_ALT"/><br/>Heavy accent</td>
+		<td><img src="./non_verbal.png" style="height: 200px"/><br/>Non-verbal</td>
+		<td><img src="./laryngitis.png" style="height: 200px"/><br/>Laryngitis</td>
+		<td><img src="./heavy_accent.png" style="height: 200px"/><br/>Heavy accent</td>
 	</tr>
 </table>

@@ -208,13 +208,13 @@ Many phones using iOS and Android allow users to change the font size on their m

 <div style="display: flex; justify-content: space-around">
    <figure>
-		<img src="./ios_text_size.png" style="height: 300px" alt="GATSBY_EMPTY_ALT"/>
+		<img src="./ios_text_size.png"  style="height: 300px"/>            
        <figcaption>
            iOS font size settings screen
        </figcaption>
    </figure>
    <figure>
-        <img src="./android_text_size.png" style="height: 300px" alt="GATSBY_EMPTY_ALT"/>
+        <img src="./android_text_size.png"  style="height: 300px"/>
        <figcaption>
            Android font size settings screen
        </figcaption>
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,6 +39,7 @@
        "rehype-dom-parse": "^4.0.2",
        "rehype-img-size": "github:unicorn-utterances/rehype-img-size#relative-path-full",
        "rehype-parse": "^8.0.4",
+        "rehype-raw": "^6.1.1",
        "rehype-react": "^7.1.1",
        "rehype-slug-custom-id": "^1.1.0",
        "rehype-stringify": "^9.0.3",
@@ -14996,6 +14997,33 @@
        "node": ">=8"
      }
    },
+    "node_modules/hast-to-hyperscript": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-10.0.1.tgz",
+      "integrity": "sha512-dhIVGoKCQVewFi+vz3Vt567E4ejMppS1haBRL6TEmeLeJVB1i/FJIIg/e6s1Bwn0g5qtYojHEKvyGA+OZuyifw==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-object": "^0.3.0",
+        "unist-util-is": "^5.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-to-hyperscript/node_modules/unist-util-is": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+      "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
    "node_modules/hast-util-from-dom": {
      "version": "4.1.0",
      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-4.1.0.tgz",
@@ -15074,6 +15102,64 @@
        "url": "https://opencollective.com/unified"
      }
    },
+    "node_modules/hast-util-raw": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.1.tgz",
+      "integrity": "sha512-wgtppqXVdXzkDXDFclLLdAyVUJSKMYYi6LWIAbA8oFqEdwksYIcPGM3RkKV1Dfn5GElvxhaOCs0jmCOMayxd3A==",
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/parse5": "^6.0.0",
+        "hast-util-from-parse5": "^7.0.0",
+        "hast-util-to-parse5": "^7.0.0",
+        "html-void-elements": "^2.0.0",
+        "parse5": "^6.0.0",
+        "unist-util-position": "^4.0.0",
+        "unist-util-visit": "^4.0.0",
+        "vfile": "^5.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-raw/node_modules/unist-util-is": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+      "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-raw/node_modules/unist-util-visit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.0.tgz",
+      "integrity": "sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0",
+        "unist-util-visit-parents": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-raw/node_modules/unist-util-visit-parents": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.0.tgz",
+      "integrity": "sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
    "node_modules/hast-util-to-html": {
      "version": "8.0.3",
      "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-8.0.3.tgz",
@@ -15095,15 +15181,6 @@
        "url": "https://opencollective.com/unified"
      }
    },
-    "node_modules/hast-util-to-html/node_modules/html-void-elements": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz",
-      "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
    "node_modules/hast-util-to-html/node_modules/unist-util-is": {
      "version": "5.1.1",
      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
@@ -15113,6 +15190,23 @@
        "url": "https://opencollective.com/unified"
      }
    },
+    "node_modules/hast-util-to-parse5": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-7.0.0.tgz",
+      "integrity": "sha512-YHiS6aTaZ3N0Q3nxaY/Tj98D6kM8QX5Q8xqgg8G45zR7PvWnPGPP0vcKCgb/moIydEJ/QWczVrX0JODCVeoV7A==",
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/parse5": "^6.0.0",
+        "hast-to-hyperscript": "^10.0.0",
+        "property-information": "^6.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
    "node_modules/hast-util-to-string": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/hast-util-to-string/-/hast-util-to-string-2.0.0.tgz",
@@ -15197,6 +15291,15 @@
      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
      "dev": true
    },
+    "node_modules/html-void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz",
+      "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
    "node_modules/htmlparser2": {
      "version": "6.1.0",
      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
@@ -18934,15 +19037,6 @@
        "url": "https://opencollective.com/unified"
      }
    },
-    "node_modules/mdast-util-to-markdown/node_modules/zwitch": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
-      "integrity": "sha512-JZxotl7SxAJH0j7dN4pxsTV6ZLXoLdGME+PsjkL/DaBrVryK9kTGq06GfKrwcSOqypP+fdXGoCHE36b99fWVoA==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
    "node_modules/mdast-util-to-nlcst": {
      "version": "5.2.1",
      "resolved": "https://registry.npmjs.org/mdast-util-to-nlcst/-/mdast-util-to-nlcst-5.2.1.tgz",
@@ -23119,6 +23213,20 @@
        "url": "https://opencollective.com/unified"
      }
    },
+    "node_modules/rehype-raw": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-6.1.1.tgz",
+      "integrity": "sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==",
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "hast-util-raw": "^7.2.0",
+        "unified": "^10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
    "node_modules/rehype-react": {
      "version": "7.1.1",
      "resolved": "https://registry.npmjs.org/rehype-react/-/rehype-react-7.1.1.tgz",
@@ -23138,33 +23246,6 @@
        "@types/react": ">=17"
      }
    },
-    "node_modules/rehype-react/node_modules/hast-to-hyperscript": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-10.0.1.tgz",
-      "integrity": "sha512-dhIVGoKCQVewFi+vz3Vt567E4ejMppS1haBRL6TEmeLeJVB1i/FJIIg/e6s1Bwn0g5qtYojHEKvyGA+OZuyifw==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "comma-separated-tokens": "^2.0.0",
-        "property-information": "^6.0.0",
-        "space-separated-tokens": "^2.0.0",
-        "style-to-object": "^0.3.0",
-        "unist-util-is": "^5.0.0",
-        "web-namespaces": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/rehype-react/node_modules/unist-util-is": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
-      "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
    "node_modules/rehype-slug-custom-id": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/rehype-slug-custom-id/-/rehype-slug-custom-id-1.1.0.tgz",
@@ -27091,6 +27172,15 @@
      "engines": {
        "node": ">=4"
      }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
+      "integrity": "sha512-JZxotl7SxAJH0j7dN4pxsTV6ZLXoLdGME+PsjkL/DaBrVryK9kTGq06GfKrwcSOqypP+fdXGoCHE36b99fWVoA==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
    }
  },
  "dependencies": {
@@ -37979,6 +38069,27 @@
        }
      }
    },
+    "hast-to-hyperscript": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-10.0.1.tgz",
+      "integrity": "sha512-dhIVGoKCQVewFi+vz3Vt567E4ejMppS1haBRL6TEmeLeJVB1i/FJIIg/e6s1Bwn0g5qtYojHEKvyGA+OZuyifw==",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-object": "^0.3.0",
+        "unist-util-is": "^5.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "dependencies": {
+        "unist-util-is": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+          "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ=="
+        }
+      }
+    },
    "hast-util-from-dom": {
      "version": "4.1.0",
      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-4.1.0.tgz",
@@ -38033,6 +38144,50 @@
        "@types/hast": "^2.0.0"
      }
    },
+    "hast-util-raw": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.1.tgz",
+      "integrity": "sha512-wgtppqXVdXzkDXDFclLLdAyVUJSKMYYi6LWIAbA8oFqEdwksYIcPGM3RkKV1Dfn5GElvxhaOCs0jmCOMayxd3A==",
+      "requires": {
+        "@types/hast": "^2.0.0",
+        "@types/parse5": "^6.0.0",
+        "hast-util-from-parse5": "^7.0.0",
+        "hast-util-to-parse5": "^7.0.0",
+        "html-void-elements": "^2.0.0",
+        "parse5": "^6.0.0",
+        "unist-util-position": "^4.0.0",
+        "unist-util-visit": "^4.0.0",
+        "vfile": "^5.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "dependencies": {
+        "unist-util-is": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+          "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ=="
+        },
+        "unist-util-visit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.0.tgz",
+          "integrity": "sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0",
+            "unist-util-visit-parents": "^5.0.0"
+          }
+        },
+        "unist-util-visit-parents": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.0.tgz",
+          "integrity": "sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0"
+          }
+        }
+      }
+    },
    "hast-util-to-html": {
      "version": "8.0.3",
      "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-8.0.3.tgz",
@@ -38050,11 +38205,6 @@
        "unist-util-is": "^5.0.0"
      },
      "dependencies": {
-        "html-void-elements": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz",
-          "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A=="
-        },
        "unist-util-is": {
          "version": "5.1.1",
          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
@@ -38062,6 +38212,19 @@
        }
      }
    },
+    "hast-util-to-parse5": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-7.0.0.tgz",
+      "integrity": "sha512-YHiS6aTaZ3N0Q3nxaY/Tj98D6kM8QX5Q8xqgg8G45zR7PvWnPGPP0vcKCgb/moIydEJ/QWczVrX0JODCVeoV7A==",
+      "requires": {
+        "@types/hast": "^2.0.0",
+        "@types/parse5": "^6.0.0",
+        "hast-to-hyperscript": "^10.0.0",
+        "property-information": "^6.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      }
+    },
    "hast-util-to-string": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/hast-util-to-string/-/hast-util-to-string-2.0.0.tgz",
@@ -38128,6 +38291,11 @@
      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
      "dev": true
    },
+    "html-void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz",
+      "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A=="
+    },
    "htmlparser2": {
      "version": "6.1.0",
      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
@@ -40903,11 +41071,6 @@
            "@types/unist": "^2.0.0",
            "unist-util-is": "^5.0.0"
          }
-        },
-        "zwitch": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
-          "integrity": "sha512-JZxotl7SxAJH0j7dN4pxsTV6ZLXoLdGME+PsjkL/DaBrVryK9kTGq06GfKrwcSOqypP+fdXGoCHE36b99fWVoA=="
        }
      }
    },
@@ -43819,6 +43982,16 @@
        "unified": "^10.0.0"
      }
    },
+    "rehype-raw": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-6.1.1.tgz",
+      "integrity": "sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==",
+      "requires": {
+        "@types/hast": "^2.0.0",
+        "hast-util-raw": "^7.2.0",
+        "unified": "^10.0.0"
+      }
+    },
    "rehype-react": {
      "version": "7.1.1",
      "resolved": "https://registry.npmjs.org/rehype-react/-/rehype-react-7.1.1.tgz",
@@ -43829,27 +44002,6 @@
        "hast-to-hyperscript": "^10.0.0",
        "hast-util-whitespace": "^2.0.0",
        "unified": "^10.0.0"
-      },
-      "dependencies": {
-        "hast-to-hyperscript": {
-          "version": "10.0.1",
-          "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-10.0.1.tgz",
-          "integrity": "sha512-dhIVGoKCQVewFi+vz3Vt567E4ejMppS1haBRL6TEmeLeJVB1i/FJIIg/e6s1Bwn0g5qtYojHEKvyGA+OZuyifw==",
-          "requires": {
-            "@types/unist": "^2.0.0",
-            "comma-separated-tokens": "^2.0.0",
-            "property-information": "^6.0.0",
-            "space-separated-tokens": "^2.0.0",
-            "style-to-object": "^0.3.0",
-            "unist-util-is": "^5.0.0",
-            "web-namespaces": "^2.0.0"
-          }
-        },
-        "unist-util-is": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
-          "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ=="
-        }
      }
    },
    "rehype-slug-custom-id": {
@@ -46784,6 +46936,11 @@
          }
        }
      }
+    },
+    "zwitch": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
+      "integrity": "sha512-JZxotl7SxAJH0j7dN4pxsTV6ZLXoLdGME+PsjkL/DaBrVryK9kTGq06GfKrwcSOqypP+fdXGoCHE36b99fWVoA=="
    }
  }
 }
--- a/package.json
+++ b/package.json
@@ -64,6 +64,7 @@
    "rehype-dom-parse": "^4.0.2",
    "rehype-img-size": "github:unicorn-utterances/rehype-img-size#relative-path-full",
    "rehype-parse": "^8.0.4",
+    "rehype-raw": "^6.1.1",
    "rehype-react": "^7.1.1",
    "rehype-slug-custom-id": "^1.1.0",
    "rehype-stringify": "^9.0.3",
--- a/src/utils/markdown/MarkdownRenderer/media.tsx
+++ b/src/utils/markdown/MarkdownRenderer/media.tsx
@@ -8,7 +8,7 @@ import { EMBED_SIZE } from "../constants";
 export const getMedia = ({ serverPath }: useMarkdownRendererProps) => {
  return {
    img: (imgProps: unknown) => {
-      const { src, ...props2 } = imgProps as ImageProps;
+      const { src, style, ...props2 } = imgProps as ImageProps;
      let srcStr = getFullRelativePath(...serverPath, src as string); // ImageProps isn't _quite_ right for our usg here

      const htmlProps = imgProps as Record<string, any>;
--- a/src/utils/markdown/markdownToHtml.ts
+++ b/src/utils/markdown/markdownToHtml.ts
@@ -19,6 +19,7 @@ import { PluggableList } from "unified";

 // TODO: Create types
 import behead from "remark-behead";
+import rehypeRaw from "rehype-raw";

 interface markdownChainProps {
  remarkPlugins: PluggableList;
@@ -54,7 +55,6 @@ export default async function markdownToHtml(
      remarkUnwrapImages,
      /* start remark plugins here */
      [behead, { after: 0, depth: 1 }],
-
      [
        remarkEmbedder as any,
        {
@@ -69,6 +69,8 @@ export default async function markdownToHtml(
      ],
    ],
    rehypePlugins: [
+      // This is required to handle unsafe HTML embedded into Markdown
+      rehypeRaw,
      [
        rehypeImageSize as any,
        {