diff --git a/_includes/cards/post_card_image.html b/_includes/cards/post_card_image.html
index e78f6b620b31a3de04fbc9a5c337ba319cf5f436..625f43337f0b790d56147147bd752761cb24fe0c 100644
--- a/_includes/cards/post_card_image.html
+++ b/_includes/cards/post_card_image.html
@@ -15,7 +15,7 @@ post: The post which sould be displayed on the card
     | strip 
     | relative_url -%}
 {%- endif -%}
-<div class="card {{ include.class }}">
+<div class="card top-image-card {{ include.class }}">
     <img class="card-img-top card-img-equal" src="{{ img_url }}" alt="Title image">
     <div class="card-img-overlay">
         <span class="badge badge-secondary">
diff --git a/_sass/common/_cards.scss b/_sass/common/_cards.scss
index e4b35e88ad83e8188cbd70b0fb56a3abb5e39d3e..4821694912a8e300b9e4f754c07056fbd2d9c0ec 100644
--- a/_sass/common/_cards.scss
+++ b/_sass/common/_cards.scss
@@ -50,6 +50,11 @@
     object-fit: cover;
 }
 
+.top-image-card {
+    width:  14rem;
+    height: auto;
+}
+
 .image-card {
     @include drop-shadow;