pass mdx images through next/image for full optimization benefits

notes/coronavirus-open-source.mdx

@@ -11,8 +11,9 @@ tags:
 image: "/static/images/notes/coronavirus-open-source/covid19dashboards.png"
 ---
 
-import Octocat from "./components/embeds/Octocat";
+import Image from "./components/embeds/Image";
 import Video from "./components/embeds/Video";
+import Octocat from "./components/embeds/Octocat";
 
 We're all quickly learning that worldwide pandemics can bring out both [the best](https://www.vox.com/culture/2020/3/13/21179293/coronavirus-italy-covid19-music-balconies-sing) and [the worst](https://twitter.com/9NewsAUS/status/1236088663093608448) of humanity. But one thing has become readily apparent to me — outside of the large teams of medical professionals risking their lives right this minute, the open source community stands alone in its ability to rapidly organize in the midst of chaos to give back to the world and, in this case, make it safer for all of us.
 
@@ -26,7 +27,7 @@ The maintainers are also [fully transparent](https://covidtracking.com/about-tra
 
 <figure>
   <a className="no-underline" href="https://covidtracking.com/" target="_blank" rel="noopener noreferrer">
-    <img
+    <Image
       className="center"
       src="/static/images/notes/coronavirus-open-source/covidtracking.png"
       width="680"
@@ -44,7 +45,7 @@ _Please_ look up your local hospitals on [#findthemasks](https://findthemasks.co
 
 <figure>
   <a className="no-underline" href="https://findthemasks.com/" target="_blank" rel="noopener noreferrer">
-    <img
+    <Image
       className="center"
       src="/static/images/notes/coronavirus-open-source/findthemasks.png"
       width="600"
@@ -62,7 +63,7 @@ The [GitHub community](https://github.com/flore2003/staythefuckhome/pulls?q=is%3
 
 <figure>
   <a className="no-underline" href="https://staythefuckhome.com/" target="_blank" rel="noopener noreferrer">
-    <img
+    <Image
       className="center"
       src="/static/images/notes/coronavirus-open-source/staythefuckhome.png"
       width="600"
@@ -78,7 +79,7 @@ This collection of various visualizations is fascinating (and sobering) to look
 
 <figure>
   <a className="no-underline" href="https://covid19dashboards.com/" target="_blank" rel="noopener noreferrer">
-    <img
+    <Image
       className="center"
       src="/static/images/notes/coronavirus-open-source/covid19dashboards.png"
       width="580"
@@ -94,7 +95,7 @@ CoronaTracker is a _beautiful_ cross-platform app for iOS and macOS with intuiti
 
 <figure>
   <a className="no-underline" href="https://coronatracker.samabox.com/" target="_blank" rel="noopener noreferrer">
-    <img
+    <Image
       src="/static/images/notes/coronavirus-open-source/coronatracker.png"
       width="865"
       height="417"
@@ -109,7 +110,7 @@ A bit more family-friendly than [#StayTheFuckHome](https://staythefuckhome.com/)
 
 <figure>
   <a className="no-underline" href="https://stayinghome.club/" target="_blank" rel="noopener noreferrer">
-    <img
+    <Image
       className="center"
       src="/static/images/notes/coronavirus-open-source/stayinghome.png"
       width="600"
@@ -125,7 +126,7 @@ This one is a bit over my head, but apparently [Nextstrain](https://nextstrain.o
 
 <figure>
   <a className="no-underline" href="https://nextstrain.org/ncov" target="_blank" rel="noopener noreferrer">
-    <img
+    <Image
       src="/static/images/notes/coronavirus-open-source/nextstrain.png"
       width="865"
       height="345"
@@ -145,7 +146,7 @@ Johns Hopkins University's [visual COVID-19 global dashboard](https://www.arcgis
     target="_blank"
     rel="noopener noreferrer"
   >
-    <img
+    <Image
       src="/static/images/notes/coronavirus-open-source/hopkins.png"
       width="865"
       height="426"
@@ -162,7 +163,7 @@ The maintainers at the [Neher Lab in Basel, Switzerland](https://neherlab.org/)
 
 <figure>
   <a className="no-underline" href="https://neherlab.org/covid19/" target="_blank" rel="noopener noreferrer">
-    <img
+    <Image
       className="center"
       src="/static/images/notes/coronavirus-open-source/scenarios.png"
       width="740"
@@ -178,7 +179,7 @@ Similar to the [COVID Tracking Project](https://covidtracking.com/) above, the [
 
 <figure>
   <a className="no-underline" href="https://coronadatascraper.com/#home" target="_blank" rel="noopener noreferrer">
-    <img
+    <Image
       className="center"
       src="/static/images/notes/coronavirus-open-source/coronadatascraper.png"
       width="750"
@@ -209,7 +210,7 @@ To wrap this list up, I thought I'd include [yet another API](https://github.com
     target="_blank"
     rel="noopener noreferrer"
   >
-    <img
+    <Image
       className="center"
       src="/static/images/notes/coronavirus-open-source/tracker-api.png"
       width="712"