diff --git a/css/components.css b/css/components.css
index 2890249..45de63f 100644
--- a/css/components.css
+++ b/css/components.css
@@ -45,18 +45,20 @@
     background-color: white;
 
     @media (max-width: 768px) {
-        flex-direction: row;
-        align-items: stretch;
-
         & > div:first-child {
-            width: 120px;
-            flex-shrink: 0;
-            aspect-ratio: 1 / 1;
+            aspect-ratio: 4 / 3;
+            background: var(--surface-container-highest);
         }
 
         & > div:last-child {
             padding: 1rem;
         }
+
+        & img {
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
+        }
     }
 
     .greener {
@@ -66,8 +68,6 @@
     & img {
         display: block;
         width: 100%;
-        height: 100%;
-        object-fit: cover;
         scale: 1;
         transition: scale 0.7s;
     }