diff --git a/templates/home/themes.twig b/templates/home/themes.twig
index 3fbc4b4e40..d4d6cf65cc 100644
--- a/templates/home/themes.twig
+++ b/templates/home/themes.twig
@@ -3,8 +3,10 @@
   <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 g-4">
     {% for theme in themes %}
       <div class="col">
-        <div class="card">
-          <img src="./themes/{{ theme.id }}/screen.png" class="card-img-top" alt="{{ 'Screenshot of the %s theme.'|trans|format(theme.name) }}">
+        <div class="card h-100 mt-0">
+          <div class="card-img-container">
+            <img src="./themes/{{ theme.id }}/screen.png" class="card-img-top h-100" alt="{{ 'Screenshot of the %s theme.'|trans|format(theme.name) }}">
+          </div>
           <div class="card-body">
             <h5 class="card-title">{{ theme.name }} <small>({{ theme.version }})</small></h5>
           </div>
diff --git a/themes/bootstrap/scss/_card.scss b/themes/bootstrap/scss/_card.scss
new file mode 100644
index 0000000000..8b36578410
--- /dev/null
+++ b/themes/bootstrap/scss/_card.scss
@@ -0,0 +1,7 @@
+.card-img-container {
+  height: $card-img-height;
+  overflow: hidden;
+  img {
+    object-fit: cover;
+  }
+}
diff --git a/themes/bootstrap/scss/_variables.scss b/themes/bootstrap/scss/_variables.scss
index 57ee6c047d..e6e87706e0 100644
--- a/themes/bootstrap/scss/_variables.scss
+++ b/themes/bootstrap/scss/_variables.scss
@@ -8,3 +8,7 @@ $breadcrumb-navbar-padding-y: 0.5rem !default;
 $breadcrumb-navbar-padding-x: 1.8rem !default;
 $breadcrumb-navbar-margin-bottom: 0 !default;
 $breadcrumb-navbar-bg: #e9ecef !default; // $gray-200
+
+// Card
+
+$card-img-height: 16vh;
diff --git a/themes/bootstrap/scss/theme.scss b/themes/bootstrap/scss/theme.scss
index 732d3048ae..9badaacea5 100644
--- a/themes/bootstrap/scss/theme.scss
+++ b/themes/bootstrap/scss/theme.scss
@@ -12,3 +12,4 @@
 @import "forms";
 @import "breadcrumb";
 @import "print";
+@import "card";
diff --git a/themes/metro/scss/_card.scss b/themes/metro/scss/_card.scss
index f71dbde3b8..dddf4e0ba7 100644
--- a/themes/metro/scss/_card.scss
+++ b/themes/metro/scss/_card.scss
@@ -8,6 +8,14 @@
   border-bottom: 0;
 }
 
+.card-img-container {
+  height: $card-img-height;
+  overflow: hidden;
+  img {
+    object-fit: cover;
+  }
+}
+
 .card-footer {
   border-top: 0;
 }
diff --git a/themes/metro/scss/_variables.scss b/themes/metro/scss/_variables.scss
index 55e4ff3844..01441d102c 100644
--- a/themes/metro/scss/_variables.scss
+++ b/themes/metro/scss/_variables.scss
@@ -246,6 +246,7 @@ $pagination-disabled-border-color: $border-color;
 $card-border-radius: 0;
 $card-cap-bg: $th-background;
 $card-bg: $th-background;
+$card-img-height: 16vh;
 
 // Accordion
 
diff --git a/themes/original/scss/_card.scss b/themes/original/scss/_card.scss
index ba50cbd582..7c559b4511 100644
--- a/themes/original/scss/_card.scss
+++ b/themes/original/scss/_card.scss
@@ -18,6 +18,14 @@
   color: #444;
 }
 
+.card-img-container {
+  height: $card-img-height;
+  overflow: hidden;
+  img {
+    object-fit: cover;
+  }
+}
+
 #maincontainer .card-header {
   position: static;
   width: auto;
diff --git a/themes/original/scss/_variables.scss b/themes/original/scss/_variables.scss
index c9e2af6817..17dea5c853 100644
--- a/themes/original/scss/_variables.scss
+++ b/themes/original/scss/_variables.scss
@@ -133,6 +133,7 @@ $card-cap-bg: $th-background;
 $card-bg: $bg-one;
 $card-spacer-y: 0.5em;
 $card-spacer-x: 0.5em;
+$card-img-height: 16vh;
 
 // Accordion
 
diff --git a/themes/pmahomme/scss/_card.scss b/themes/pmahomme/scss/_card.scss
index 9eacc12628..cc69f7bb76 100644
--- a/themes/pmahomme/scss/_card.scss
+++ b/themes/pmahomme/scss/_card.scss
@@ -31,6 +31,14 @@
   }
 }
 
+.card-img-container {
+  height: $card-img-height;
+  overflow: hidden;
+  img {
+    object-fit: cover;
+  }
+}
+
 .card-footer {
   color: $th-color;
   background: $th-background;
diff --git a/themes/pmahomme/scss/_variables.scss b/themes/pmahomme/scss/_variables.scss
index 0df06fe113..1f336e900c 100644
--- a/themes/pmahomme/scss/_variables.scss
+++ b/themes/pmahomme/scss/_variables.scss
@@ -138,6 +138,7 @@ $pagination-disabled-border-color: #aaa;
 $card-border-color: #aaa;
 $card-bg: #eee;
 $card-cap-bg: #fff;
+$card-img-height: 16vh;
 
 // Accordion