From 332481d86a0bad7033cd4e02166b6f4134391d02 Mon Sep 17 00:00:00 2001
From: Gareth Barnard <1058419+gjb2048@users.noreply.github.com>
Date: Sat, 7 Sep 2024 14:22:21 +0100
Subject: [PATCH] Fix scaled.

---
 styles.css              | 13 +++++++++++++
 templates/grid.mustache |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/styles.css b/styles.css
index 5a2834e0..4f513044 100644
--- a/styles.css
+++ b/styles.css
@@ -77,6 +77,19 @@
     position: relative;
 }
 
+.format-grid .thegrid .grid-image.grid-scaled {
+    height: 100%;
+}
+
+/*rtl:begin:ignore*/
+.format-grid .thegrid .grid-image.grid-scaled img {
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%,-50%);
+}
+/*rtl:end:ignore*/
+
 .format-grid .thegrid .grid-generatedimage {
     background-size: contain;
     height: 100%;
diff --git a/templates/grid.mustache b/templates/grid.mustache
index 7797352a..f7986552 100644
--- a/templates/grid.mustache
+++ b/templates/grid.mustache
@@ -97,7 +97,7 @@
             </div>
             <div class="grid-image-container">
                 {{#imageuri}}
-                <div class="grid-image text-center">
+                <div class="grid-image{{^imageresizemethodcrop}} grid-scaled{{/imageresizemethodcrop}} text-center">
                     <img{{#imageresizemethodcrop}} class="card-img-bottom" {{/imageresizemethodcrop}} src="{{imageuri}}" alt="{{imagealttext}}" loading="lazy">
                     {{#sectioncompletionmarkup}}{{{sectioncompletionmarkup}}}{{/sectioncompletionmarkup}}
                 </div>