Center images and slow down automatic image changes

Update the photo gallery and hero card components to use `object-top` for image centering and increase the auto-play interval to 10 seconds.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 78b4d368-06b6-46ef-a5a1-a61fe6c3bc35
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/413891e8-d784-4bea-b9f5-91a5a68316b4/RVXhOPb
Replit-Helium-Checkpoint-Created: true

client/src/components/photo-gallery.tsx

@@ -114,7 +114,7 @@ function SingleImageCarousel({
         <img
           src={images[index].large || images[index].thumb}
           alt={images[index].fileName}
-          className="w-full h-full object-cover transition-opacity duration-500"
+          className="w-full h-full object-cover object-top transition-opacity duration-500"
           loading="lazy"
           data-testid="img-gallery-current"
         />
@@ -196,7 +196,7 @@ export function PhotoGalleryWidget() {
         <SingleImageCarousel
           images={images}
           autoPlay={true}
-          interval={5000}
+          interval={10000}
           onExpand={(i) => setLightboxIndex(i)}
         />
       </div>