From bd6012b0ab39fd8123f215d99b1e42875b460f25 Mon Sep 17 00:00:00 2001
From: Leander Furumo <leander@furumo.eu>
Date: Fri, 1 Aug 2025 03:59:55 +0200
Subject: [PATCH] fix(?) event image size

---
 src/components/page-sections/events.module.css | 5 +++--
 src/components/page-sections/events.tsx        | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/page-sections/events.module.css b/src/components/page-sections/events.module.css
index d4387f5..da8db77 100644
--- a/src/components/page-sections/events.module.css
+++ b/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%;
   }
 }
 
diff --git a/src/components/page-sections/events.tsx b/src/components/page-sections/events.tsx
index fedd22f..cd26545 100644
--- a/src/components/page-sections/events.tsx
+++ b/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"
           />