add sizes prop to carousel images to reduce Cloudflare transformations

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Tommy Chow 2026-03-11 17:40:32 -07:00
parent 11d4b30a09
commit 092cbc3cbb

View file

@ -161,7 +161,13 @@ function PhoneMedia({
className='size-full object-contain' 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> </div>
) )