fix:center iamge

app/gallery/page.tsx

@@ -112,7 +112,7 @@ function PageComponent() {
             <div className="absolute w-full h-full overflow-hidden z-0 animate-fade-left animate-fade-left animate-once animate-duration-[2000ms] animate-normal animate-fill-forwards">
               <img
                 src="gallery_girl.png"
-                className="float-right object-cover h-screen w-3/6  opacity-50"
+                className="float-right object-cover h-screen w-3/6  opacity-50 overflow-hidden"
                 alt="Background"
               />
             </div>

components/ui/gallery.tsx

@@ -175,8 +175,10 @@ const Gallery = ({ id, columns, closeMenu }: GalleryProps) => {
             </button>
 
             {renderButtons()}
-                    {selectedImage ? (<PanZoom>
-
+            {selectedImage ? (
+                <PanZoom
+                    autoCenter={true}
+                >
                     <img
                         src={images[currentIndex]}
                         style={{ objectFit: "contain", maxWidth: "100%", maxHeight: "calc(100vh - 20px)", pointerEvents:"none" }}