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
2026-03-05 13:59:41 +00:00
parent 39a021bece
commit 23149965d7
2 changed files with 353 additions and 353 deletions
@@ -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}