Update gallery to display optimized image versions

Modify gallery component and data to serve responsive, lightweight image thumbnails and larger versions, improving load times and adapting display based on device.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1f7e7e89-a520-4970-9645-37daadc466dc
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: f1420c1e-4f64-45ac-8faa-195262328364
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/1f7e7e89-a520-4970-9645-37daadc466dc/5JDNRWP
Replit-Helium-Checkpoint-Created: true

client/src/components/photo-gallery.tsx

@@ -337,7 +337,7 @@ export default function GalleryPage() {
                 className="group relative rounded-lg overflow-hidden bg-card border border-card-border cursor-pointer flex flex-col"
                 data-testid={`button-gallery-image-${i}`}
               >
-                <div className="relative w-full aspect-[16/9] md:aspect-[9/16]">
+                <div className="relative w-full aspect-[3/2] md:aspect-[9/16]">
                   <LazyImage
                     src={thumbUrl(img.thumb)}
                     alt={img.artist || img.fileName}