Adjust photo gallery to properly display images and prevent cropping

Update CSS for image thumbnails to use `object-[center_25%]` for better head visibility, and ensure the lightbox displays images without cropping.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: ce3245af-4e79-4d06-888e-e4c562f3541a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/nlGTLC9
Replit-Helium-Checkpoint-Created: true

client/src/components/photo-gallery.tsx

@@ -342,7 +342,7 @@ export default function GalleryPage() {
                   <LazyImage
                     src={img.mobile || thumbUrl(img.thumb)}
                     alt={img.artist || img.fileName}
-                    className="absolute inset-0 w-full h-full transition-transform duration-500 group-hover:scale-110"
+                    className="absolute inset-0 w-full h-full transition-transform duration-500 group-hover:scale-110 [&_img]:object-[center_25%]"
                   />
                   <div className="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors" />
                   {img.artist && (