From 9bedef7dadeb43a51dee4fd5920b2d97f9c41710 Mon Sep 17 00:00:00 2001
From: Adrian Krzeminski <adrian@fictionlab.pl>
Date: Tue, 26 May 2026 10:29:57 +0200
Subject: [PATCH] fix: Stretched feature images on mobile

---
 src/data/features.tsx      | 4 ++--
 src/pages/index.module.css | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/data/features.tsx b/src/data/features.tsx
index e66c7c50..ca0de833 100644
--- a/src/data/features.tsx
+++ b/src/data/features.tsx
@@ -20,7 +20,7 @@ const FEATURES: FeatureItem[] = [
       width: 2000,
       height: 1300,
       hyperlink: 'leo-rover',
-      style: { width: 'auto', height: 260, paddingBottom: 20, marginTop: 40 },
+      style: { width: 'auto', height: 260, marginTop: 40 },
     },
     text: (
       <span>
@@ -36,7 +36,7 @@ const FEATURES: FeatureItem[] = [
       width: 2000,
       height: 1500,
       hyperlink: 'raph-rover',
-      style: { width: 'auto', height: 300, paddingBottom: 20 },
+      style: { width: 'auto', height: 300 },
     },
     text: (
       <span>
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 2f1988c7..832a2c23 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -88,6 +88,9 @@
 
 .featureImage {
   padding: 10px;
+  object-fit: contain;
+  object-position: bottom;
+  padding-bottom: 20px;
 }
 
 @media screen and (max-width: 996px) {
@@ -95,4 +98,7 @@
     margin-left: auto;
     margin-right: auto;
   }
+  .featureImage {
+    margin: 0 !important;
+  }
 }