From 092cbc3cbb93f838bfeaf49eaac200f66dd10d6b Mon Sep 17 00:00:00 2001
From: Tommy Chow <tommyxchow@gmail.com>
Date: Wed, 11 Mar 2026 17:40:32 -0700
Subject: [PATCH] add sizes prop to carousel images to reduce Cloudflare
 transformations

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/app/page.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index 52af8e85..28423320 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -161,7 +161,13 @@ function PhoneMedia({
           className='size-full object-contain'
         />
       ) : (
-        <Image src={media.src} alt={title} fill className='object-contain' />
+        <Image
+            src={media.src}
+            alt={title}
+            fill
+            sizes='(min-width: 768px) 352px, 240px'
+            className='object-contain'
+          />
       )}
     </div>
   )