add sizes prop to carousel images to reduce Cloudflare transformations

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-11 17:40:32 -07:00 · 2026-03-11 17:40:32 -07:00 · 092cbc3cbb
commit 092cbc3cbb
parent 11d4b30a09
1 changed files with 7 additions and 1 deletions
--- 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>
  )