Page image alignment

components/HomeHeroBubble.tsx

@@ -19,7 +19,7 @@ export function HomeHeroBubble() {
             : 'translateY(-50vh)',
       }}
       onClick={() => dispatch(expandSideMenu())}
-      className="absolute bottom-0 z-40 px-10 duration-300"
+      className="absolute bottom-0 z-40 px-10 duration-300 cursor-pointer"
     >
       <div
         className={classNames(

pages/[page].tsx

@@ -91,11 +91,13 @@ function Page({
         ) : (
           <>
             <div className="aspect-w-16 aspect-h-10 bg-gradient-to-bl from-hyper to-blush">
-              <img
-                style={{ maxHeight: '90%' }}
-                src={page?.hero?.imageUrl}
-                className="object-cover w-full"
-              />
+              <div className="flex items-center justify-center w-full h-full mt-3">
+                <img
+                  style={{ maxHeight: '90%' }}
+                  src={page?.hero?.imageUrl}
+                  className="object-cover w-full"
+                />
+              </div>
             </div>
 
             <Contained>