From 301f5ae4daf2fab660904c1f1c0ae849254d4609 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <rawr@sebin-nyshkim.net>
Date: Fri, 18 Jul 2025 13:05:28 +0200
Subject: [PATCH] fix: :lipstick: match appearance with slider images

---
 src/components/ref-img.webc | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ref-img.webc b/src/components/ref-img.webc
index 640b6f4..d88da06 100644
--- a/src/components/ref-img.webc
+++ b/src/components/ref-img.webc
@@ -56,11 +56,15 @@
 
   :host :where(picture, img) {
     grid-area: image;
+    display: grid;
+    grid-template-columns: subgrid;
+    justify-items: center;
+    max-width: 100%;
   }
 
   :host .image {
     display: block;
-    width: 100%;
+    width: auto;
     height: 100%;
     max-height: 35rem;
     object-fit: contain;