From 77469e73855b8531a96d1dd7d5ded0cf712fb7bc Mon Sep 17 00:00:00 2001
From: niccofyren <niccofyren@gmail.com>
Date: Wed, 4 Dec 2024 14:35:54 +0100
Subject: [PATCH] fix: frontpage box scaling on safari (#119)

---
 src/components/frontpage/InfoBox.astro | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/frontpage/InfoBox.astro b/src/components/frontpage/InfoBox.astro
index c173173..4a4f164 100644
--- a/src/components/frontpage/InfoBox.astro
+++ b/src/components/frontpage/InfoBox.astro
@@ -10,9 +10,13 @@ const { image } = Astro.props;
   class="bg-white p-4 rounded-3xl grid md:p-6 md:grid-cols-2 gap-4 md:h-full md:m-auto md:rounded-2xl"
 >
   <aside
-    class="rounded-2xl overflow-hidden h-full w-full md:rounded-xl md:order-last"
+    class="rounded-2xl overflow-hidden md:relative h-full w-full md:rounded-xl md:order-last"
   >
-    <img src={image} alt="" class="object-cover h-full" />
+    <img
+      src={image}
+      alt=""
+      class="object-cover md:h-full md:absolute md:top-0 md:right-0"
+    />
   </aside>
   <div class="flex flex-col justify-end items-start">
     <slot />