fix(?) event image size

src/components/page-sections/events.module.css

@@ -67,8 +67,8 @@
 
 .image {
   grid-row: 1 / -1;
-  height: 75%;
-  place-self: center;
+  align-self: center;
+  justify-self: left;
   margin-top: 2em;
 }
 @media (min-width: 70em) {
@@ -87,6 +87,7 @@
     flex-direction: column;
     align-items: stretch;
     justify-content: center;
+    height: 90%;
   }
 }
 

src/components/page-sections/events.tsx

@@ -84,8 +84,8 @@ const Events = async () => {
         <div className={"no-mobile " + styles.image}>
           <Image
             src="/event.jpg"
-            width={1000}
-            height={400}
+            width={720}
+            height={480}
             style={{ borderRadius: "1rem", objectFit: "cover", height: "100%" }}
             alt="Medlemmer spiller brettspill"
           />