diff --git a/client/www/_posts/agents_building_counterstrike.md b/client/www/_posts/agents_building_counterstrike.md
index 556264fc7c..77ae45d95d 100644
--- a/client/www/_posts/agents_building_counterstrike.md
+++ b/client/www/_posts/agents_building_counterstrike.md
@@ -74,9 +74,9 @@ Goal number 1 was to set up the physics for the game. Models needed to design a
 
 Here’s a side-by-side comparison of the visuals each model came up with:
 
-| Codex                                    | Claude                                    | Gemini                                    |
-| ---------------------------------------- | ----------------------------------------- | ----------------------------------------- |
-| ![](/posts/counter_strike/map_codex.png) | ![](/posts/counter_strike/map_claude.png) | ![](/posts/counter_strike/map_gemini.png) |
+| Codex                                             | Claude                                             | Gemini                                             |
+| ------------------------------------------------- | -------------------------------------------------- | -------------------------------------------------- |
+| ![](/posts/counter_strike/map_codex.png?lightbox) | ![](/posts/counter_strike/map_claude.png?lightbox) | ![](/posts/counter_strike/map_gemini.png?lightbox) |
 
 Visually Claude came up with the most interesting map. There were obstacles, a nice floor, and you could see everything well.
 
@@ -92,9 +92,9 @@ Now that we had a map and some polygons, we asked the models to style up the cha
 
 Here’s the result of their work:
 
-| Codex                                      | Claude                                      | Gemini                                      |
-| ------------------------------------------ | ------------------------------------------- | ------------------------------------------- |
-| ![](/posts/counter_strike/enemy_codex.png) | ![](/posts/counter_strike/enemy_claude.png) | ![](/posts/counter_strike/enemy_gemini.png) |
+| Codex                                               | Claude                                               | Gemini                                               |
+| --------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- |
+| ![](/posts/counter_strike/enemy_codex.png?lightbox) | ![](/posts/counter_strike/enemy_claude.png?lightbox) | ![](/posts/counter_strike/enemy_gemini.png?lightbox) |
 
 Again it feels like Claude did the best job here. The character look quite human — almost at the level of design in Minecraft. Gemini did well too. Codex made it’s characters better, but everything was a single color, which really diminished it compared to the others.
 
@@ -106,9 +106,9 @@ We then asked each model to add a gun to our first-person view. When we shoot, w
 
 Here’s the side-by-side of how the recoil felt for each model:
 
-| Codex                                       | Claude                                       | Gemini                                       |
-| ------------------------------------------- | -------------------------------------------- | -------------------------------------------- |
-| ![](/posts/counter_strike/recoil_codex.gif) | ![](/posts/counter_strike/recoil_claude.gif) | ![](/posts/counter_strike/recoil_gemini.gif) |
+| Codex                                                | Claude                                                | Gemini                                                |
+| ---------------------------------------------------- | ----------------------------------------------------- | ----------------------------------------------------- |
+| ![](/posts/counter_strike/recoil_codex.gif?lightbox) | ![](/posts/counter_strike/recoil_claude.gif?lightbox) | ![](/posts/counter_strike/recoil_gemini.gif?lightbox) |
 
 Here both Claude and Codex got the gun working in one shot. Claude’s gone looks like a real darn pistol though.
 
@@ -228,9 +228,9 @@ The reason we added this challenge, was to see (a) how they would deal with a ne
 
 All models did great with the UI. Here’s how each looked:
 
-| Codex                                   | Claude                                   | Gemini                                   |
-| --------------------------------------- | ---------------------------------------- | ---------------------------------------- |
-| ![](/posts/counter_strike/ui_codex.png) | ![](/posts/counter_strike/ui_claude.png) | ![](/posts/counter_strike/ui_gemini.png) |
+| Codex                                            | Claude                                            | Gemini                                            |
+| ------------------------------------------------ | ------------------------------------------------- | ------------------------------------------------- |
+| ![](/posts/counter_strike/ui_codex.png?lightbox) | ![](/posts/counter_strike/ui_claude.png?lightbox) | ![](/posts/counter_strike/ui_gemini.png?lightbox) |
 
 We kind of like Gemini’s UI the most, but they were all pretty cool.
 
diff --git a/client/www/components/Lightbox.tsx b/client/www/components/Lightbox.tsx
new file mode 100644
index 0000000000..dd0a861864
--- /dev/null
+++ b/client/www/components/Lightbox.tsx
@@ -0,0 +1,45 @@
+import { useState } from 'react';
+import { Dialog, DialogPanel } from '@headlessui/react';
+import { XMarkIcon } from '@heroicons/react/24/solid';
+
+export function Lightbox({
+  src,
+  alt,
+  className,
+}: {
+  src: string;
+  alt?: string;
+  className?: string;
+}) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <img
+        src={src}
+        alt={alt}
+        className={className}
+        onClick={() => setOpen(true)}
+        style={{ cursor: 'zoom-in' }}
+      />
+      <Dialog open={open} onClose={() => setOpen(false)}>
+        <div className="fixed inset-0 z-50 bg-black/80" aria-hidden="true" />
+        <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+          <DialogPanel className="relative max-h-[90vh] max-w-[90vw]">
+            <button
+              onClick={() => setOpen(false)}
+              className="absolute -right-2 -top-2 rounded-full bg-white p-1 shadow-lg hover:bg-gray-100"
+            >
+              <XMarkIcon className="h-5 w-5 text-gray-700" />
+            </button>
+            <img
+              src={src}
+              alt={alt}
+              className="max-h-[90vh] max-w-[90vw] rounded shadow-2xl"
+            />
+          </DialogPanel>
+        </div>
+      </Dialog>
+    </>
+  );
+}
diff --git a/client/www/pages/essays/[slug].tsx b/client/www/pages/essays/[slug].tsx
index 5292d34588..f3c66c3337 100644
--- a/client/www/pages/essays/[slug].tsx
+++ b/client/www/pages/essays/[slug].tsx
@@ -14,6 +14,7 @@ import remarkMath from 'remark-math';
 import 'katex/dist/katex.min.css';
 
 import AgentsEssayDemoSection from '@/components/essays/agents_essay_demo_section';
+import { Lightbox } from '@/components/Lightbox';
 
 import ReactMarkdown, { Components } from 'react-markdown';
 import { Fence } from '@/components/ui';
@@ -157,6 +158,14 @@ const Post = ({ post }: { post: Post }) => {
                     ></Fence>
                   );
                 },
+                img(props) {
+                  const { src, alt, ...rest } = props;
+                  if (src?.includes('?lightbox')) {
+                    const cleanSrc = src.replace('?lightbox', '');
+                    return <Lightbox src={cleanSrc} alt={alt} />;
+                  }
+                  return <img src={src} alt={alt} {...rest} />;
+                },
               } as Components
             }
           >