From b29411ca81061484b3e7f33ce45f64d4887a9983 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Fri, 13 Sep 2024 13:52:22 -0400
Subject: [PATCH] fix image being smaller than container

---
 themes/mir/layouts/partials/contact.html | 6 +++---
 themes/mir/layouts/partials/header.html  | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/themes/mir/layouts/partials/contact.html b/themes/mir/layouts/partials/contact.html
index e84bf6a..839e097 100644
--- a/themes/mir/layouts/partials/contact.html
+++ b/themes/mir/layouts/partials/contact.html
@@ -25,9 +25,9 @@
     </div>
     <div class="hidden md:flex flex-col">
         <div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
-            <div class="relative">
-                <img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.img }}" alt="Image">
-                <div class="absolute inset-0 bg-white opacity-20 dark:opacity-10 rounded-lg pointer-events-none"></div>
+            <div class="relative aspect-[12/10]">
+                <img class="w-full h-full object-cover rounded-lg" src="{{ .Params.img }}" alt="Image">
+                <div class="absolute inset-0 bg-white opacity-10 rounded-lg pointer-events-none"></div>
             </div>
         </div>
     </div>
diff --git a/themes/mir/layouts/partials/header.html b/themes/mir/layouts/partials/header.html
index f77ea8e..448f2f6 100644
--- a/themes/mir/layouts/partials/header.html
+++ b/themes/mir/layouts/partials/header.html
@@ -2,8 +2,8 @@
   <div class="w-full relative inline-block">
     <div class="hidden md:flex flex-col">
       <div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
-        <div class="relative">
-          <img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.headerImg }}" alt="Image">
+        <div class="relative aspect-[12/10]">
+          <img class="w-full h-full object-cover rounded-lg" src="{{ .Params.headerImg }}" alt="Image">
           <div class="absolute inset-0 bg-white opacity-10 rounded-lg pointer-events-none"></div>
         </div>
       </div>