Maintain latest data insights image ratio (#3829)

owid · Jul 31, 2024 · 2b79d4b · 2b79d4b
1 parent aa2c967
commit 2b79d4b
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/site/gdocs/components/LatestDataInsights.scss b/site/gdocs/components/LatestDataInsights.scss
@@ -85,22 +85,24 @@ html:not(.js) .latest-data-insights__card,
 
 .latest-data-insights__card-left {
     display: flex;
-    flex: 1 1 410px;
+    height: 100%;
 
-    @include md-down {
-        flex: initial;
+    img {
+        height: 100%;
+        width: auto;
+        max-width: initial;
+
+        @include md-down {
+            max-width: 100%;
+        }
     }
 }
 
 .latest-data-insights__card-right {
     display: flex;
     flex-direction: column;
-    flex: 1 0 379px;
-
-    @include md-down {
-        flex: 1 1 0;
-        min-height: 0;
-    }
+    height: 100%;
+    min-height: 0;
 }
 
 .latest-data-insights__card-body {