diff --git a/public/images/blog/q1-2026-messari/websitepost.svg b/public/images/blog/q1-2026-messari/websitepost.svg
index 8ec088c..3066338 100644
--- a/public/images/blog/q1-2026-messari/websitepost.svg
+++ b/public/images/blog/q1-2026-messari/websitepost.svg
@@ -1,16 +1,167 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 720" role="img" aria-label="Livepeer network usage rising to all-time high in Q1 2026">
-  <!-- Dark canvas matching the site's dark theme -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 720" role="img" aria-label="Livepeer network usage rising to an all-time high in Q1 2026, with AI inference growing to roughly 60 percent of protocol revenue">
+  <defs>
+    <linearGradient id="ai" gradientUnits="userSpaceOnUse" x1="0" y1="632" x2="0" y2="120">
+      <stop offset="0" stop-color="#15683f"/>
+      <stop offset="0.5" stop-color="#2bb877"/>
+      <stop offset="1" stop-color="#6ff2b2"/>
+    </linearGradient>
+    <linearGradient id="area" gradientUnits="userSpaceOnUse" x1="0" y1="170" x2="0" y2="632">
+      <stop offset="0" stop-color="#40bf86" stop-opacity="0.3"/>
+      <stop offset="1" stop-color="#40bf86" stop-opacity="0"/>
+    </linearGradient>
+    <radialGradient id="vignette" cx="0.5" cy="0.42" r="0.75">
+      <stop offset="0.55" stop-color="#000000" stop-opacity="0"/>
+      <stop offset="1" stop-color="#000000" stop-opacity="0.45"/>
+    </radialGradient>
+    <filter id="glow" x="-60%" y="-60%" width="220%" height="220%">
+      <feGaussianBlur stdDeviation="6" result="b"/>
+      <feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    <filter id="softglow" x="-80%" y="-80%" width="260%" height="260%">
+      <feGaussianBlur stdDeviation="3" result="b"/>
+      <feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+  </defs>
   <rect width="1200" height="720" fill="#1c1c1c"/>
-
-  <!-- Five video-frame rectangles ascending to an all-time-high peak -->
-  <rect x="180" y="518" width="120" height="84" fill="none" stroke="#3DD68C" stroke-width="2"/>
-  <rect x="340" y="438" width="120" height="84" fill="none" stroke="#3DD68C" stroke-width="2"/>
-  <rect x="500" y="358" width="120" height="84" fill="none" stroke="#3DD68C" stroke-width="2"/>
-  <rect x="660" y="278" width="120" height="84" fill="none" stroke="#3DD68C" stroke-width="2"/>
-
-  <!-- Peak frame: thicker stroke marks the ATH -->
-  <rect x="820" y="198" width="120" height="84" fill="none" stroke="#3DD68C" stroke-width="3"/>
-
-  <!-- ATH marker dot anchored to the top-right corner of the peak frame -->
-  <circle cx="940" cy="198" r="7" fill="#3DD68C"/>
+  <g stroke="#ffffff" stroke-opacity="0.035" stroke-width="1">
+    <line x1="18.0" y1="0" x2="18.0" y2="720"/>
+    <line x1="74.0" y1="0" x2="74.0" y2="720"/>
+    <line x1="130.0" y1="0" x2="130.0" y2="720"/>
+    <line x1="186.0" y1="0" x2="186.0" y2="720"/>
+    <line x1="242.0" y1="0" x2="242.0" y2="720"/>
+    <line x1="298.0" y1="0" x2="298.0" y2="720"/>
+    <line x1="354.0" y1="0" x2="354.0" y2="720"/>
+    <line x1="410.0" y1="0" x2="410.0" y2="720"/>
+    <line x1="466.0" y1="0" x2="466.0" y2="720"/>
+    <line x1="522.0" y1="0" x2="522.0" y2="720"/>
+    <line x1="578.0" y1="0" x2="578.0" y2="720"/>
+    <line x1="634.0" y1="0" x2="634.0" y2="720"/>
+    <line x1="690.0" y1="0" x2="690.0" y2="720"/>
+    <line x1="746.0" y1="0" x2="746.0" y2="720"/>
+    <line x1="802.0" y1="0" x2="802.0" y2="720"/>
+    <line x1="858.0" y1="0" x2="858.0" y2="720"/>
+    <line x1="914.0" y1="0" x2="914.0" y2="720"/>
+    <line x1="970.0" y1="0" x2="970.0" y2="720"/>
+    <line x1="1026.0" y1="0" x2="1026.0" y2="720"/>
+    <line x1="1082.0" y1="0" x2="1082.0" y2="720"/>
+    <line x1="1138.0" y1="0" x2="1138.0" y2="720"/>
+    <line x1="1194.0" y1="0" x2="1194.0" y2="720"/>
+    <line x1="0" y1="632" x2="1200" y2="632"/>
+    <line x1="0" y1="576" x2="1200" y2="576"/>
+    <line x1="0" y1="520" x2="1200" y2="520"/>
+    <line x1="0" y1="464" x2="1200" y2="464"/>
+    <line x1="0" y1="408" x2="1200" y2="408"/>
+    <line x1="0" y1="352" x2="1200" y2="352"/>
+    <line x1="0" y1="296" x2="1200" y2="296"/>
+    <line x1="0" y1="240" x2="1200" y2="240"/>
+    <line x1="0" y1="184" x2="1200" y2="184"/>
+    <line x1="0" y1="128" x2="1200" y2="128"/>
+    <line x1="0" y1="72" x2="1200" y2="72"/>
+    <line x1="0" y1="16" x2="1200" y2="16"/>
+    <line x1="0" y1="688" x2="1200" y2="688"/>
+  </g>
+  <polygon points="158,632 158,464 290,464 422,408 554,352 686,296 818,240 950,184 950,632" fill="url(#area)"/>
+  <line x1="100" y1="632" x2="1100" y2="632" stroke="#1e9960" stroke-width="1.5" stroke-opacity="0.55" filter="url(#softglow)"/>
+  <g fill="#40bf86" fill-opacity="0.5">
+    <rect x="130" y="631" width="56" height="3"/>
+    <rect x="262" y="631" width="56" height="3"/>
+    <rect x="394" y="631" width="56" height="3"/>
+    <rect x="526" y="631" width="56" height="3"/>
+    <rect x="658" y="631" width="56" height="3"/>
+    <rect x="790" y="631" width="56" height="3"/>
+    <rect x="922" y="631" width="56" height="3"/>
+  </g>
+  <g>
+    <rect x="131.6" y="577.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1" filter="url(#softglow)"/>
+    <rect x="131.6" y="521.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+    <rect x="131.6" y="465.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+  </g>
+  <g>
+    <rect x="263.6" y="577.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1" filter="url(#softglow)"/>
+    <rect x="263.6" y="521.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+    <rect x="263.6" y="465.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+  </g>
+  <g>
+    <rect x="395.6" y="577.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="395.6" y="521.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1" filter="url(#softglow)"/>
+    <rect x="395.6" y="465.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+    <rect x="395.6" y="409.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+  </g>
+  <g>
+    <rect x="527.6" y="577.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="527.6" y="521.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="527.6" y="465.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1" filter="url(#softglow)"/>
+    <rect x="527.6" y="409.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+    <rect x="527.6" y="353.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+  </g>
+  <g>
+    <rect x="659.6" y="577.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="659.6" y="521.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="659.6" y="465.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="659.6" y="409.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1" filter="url(#softglow)"/>
+    <rect x="659.6" y="353.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+    <rect x="659.6" y="297.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+  </g>
+  <g>
+    <rect x="791.6" y="577.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="791.6" y="521.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="791.6" y="465.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="791.6" y="409.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1" filter="url(#softglow)"/>
+    <rect x="791.6" y="353.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+    <rect x="791.6" y="297.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+    <rect x="791.6" y="241.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+  </g>
+  <g>
+    <rect x="923.6" y="577.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="923.6" y="521.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="923.6" y="465.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="923.6" y="409.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1"/>
+    <rect x="923.6" y="353.6" width="52.8" height="52.8" rx="2" fill="url(#ai)" fill-opacity="0.92" stroke="#7af2b8" stroke-opacity="0.55" stroke-width="1" filter="url(#softglow)"/>
+    <rect x="923.6" y="297.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+    <rect x="923.6" y="241.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+    <rect x="923.6" y="185.6" width="52.8" height="52.8" rx="2" fill="none" stroke="#40bf86" stroke-opacity="0.2" stroke-width="1"/>
+  </g>
+  <polyline points="158,464 290,464 422,408 554,352 686,296 818,240 950,184" fill="none" stroke="#6af3b0" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" filter="url(#glow)"/>
+  <g>
+    <circle cx="158" cy="464" r="3.5" fill="#1c1c1c" stroke="#6af3b0" stroke-width="1.5"/>
+    <circle cx="290" cy="464" r="3.5" fill="#1c1c1c" stroke="#6af3b0" stroke-width="1.5"/>
+    <circle cx="422" cy="408" r="3.5" fill="#1c1c1c" stroke="#6af3b0" stroke-width="1.5"/>
+    <circle cx="554" cy="352" r="3.5" fill="#1c1c1c" stroke="#6af3b0" stroke-width="1.5"/>
+    <circle cx="686" cy="296" r="3.5" fill="#1c1c1c" stroke="#6af3b0" stroke-width="1.5"/>
+    <circle cx="818" cy="240" r="3.5" fill="#1c1c1c" stroke="#6af3b0" stroke-width="1.5"/>
+  </g>
+  <line x1="950" y1="184" x2="1110" y2="184" stroke="#7af2b8" stroke-width="1" stroke-opacity="0.4" stroke-dasharray="2 6"/>
+  <g transform="translate(2.5,1.5)" opacity="0.5">
+    <line x1="924" y1="184" x2="976" y2="184" stroke="#25abd0" stroke-width="1.5"/>
+    <line x1="950" y1="158" x2="950" y2="210" stroke="#25abd0" stroke-width="1.5"/>
+  </g>
+  <g stroke="#aef7d2" stroke-width="1.5">
+    <line x1="920" y1="184" x2="980" y2="184"/>
+    <line x1="950" y1="154" x2="950" y2="214"/>
+  </g>
+  <g stroke="#5ef0a8" stroke-width="1" stroke-opacity="0.7">
+    <line x1="941" y1="175" x2="930" y2="164"/>
+    <line x1="959" y1="175" x2="970" y2="164"/>
+    <line x1="959" y1="193" x2="970" y2="204"/>
+    <line x1="941" y1="193" x2="930" y2="204"/>
+  </g>
+  <circle cx="950" cy="184" r="11" fill="none" stroke="#7af2b8" stroke-width="1.5" stroke-opacity="0.8"/>
+  <circle cx="950" cy="184" r="5" fill="#aef7d2" filter="url(#glow)"/>
+  <g stroke="#40bf86" stroke-opacity="0.3" stroke-width="1.25">
+    <line x1="56" y1="56" x2="74" y2="56"/>
+    <line x1="56" y1="56" x2="56" y2="74"/>
+  </g>
+  <g stroke="#40bf86" stroke-opacity="0.3" stroke-width="1.25">
+    <line x1="1144" y1="56" x2="1126" y2="56"/>
+    <line x1="1144" y1="56" x2="1144" y2="74"/>
+  </g>
+  <g stroke="#40bf86" stroke-opacity="0.3" stroke-width="1.25">
+    <line x1="56" y1="664" x2="74" y2="664"/>
+    <line x1="56" y1="664" x2="56" y2="646"/>
+  </g>
+  <g stroke="#40bf86" stroke-opacity="0.3" stroke-width="1.25">
+    <line x1="1144" y1="664" x2="1126" y2="664"/>
+    <line x1="1144" y1="664" x2="1144" y2="646"/>
+  </g>
+  <rect width="1200" height="720" fill="url(#vignette)"/>
 </svg>