Redesign image cards to make them more compact

_includes/cards/post_card_image.html

@@ -16,31 +16,14 @@ post: The post which sould be displayed on the card
     | relative_url -%}
 {%- endif -%}
 <div class="card top-image-card {{ include.class }}">
+    <a href="{{ include.post.url | relative_url }}" class="stretched-link"></a>
     <img class="card-img-top card-img-equal" src="{{ img_url }}" alt="Title image">
     <div class="card-img-overlay">
-        {%- if include.post.date -%}
-        <span class="badge badge-secondary">
-            <i class="fas fa-calendar-day" aria-hidden="true"></i>
-            {{ include.post.date | date: "%d.&thinsp;%b.&thinsp;%y" }}
-        </span>
-        {%- endif -%}
-        {%- if include.post.categories -%}
-        <span class="badge badge-dark">
-            <i class="fas fa-tag" aria-hidden="true"></i>&nbsp;
-            {%- for category in include.post.categories -%}
-            {%- unless site.languages contains category -%}
-            {{ category | capitalize }}
-            {%- endunless -%}
-            {%- endfor -%}
-        </span>
-        {%- endif -%}
+        <h3 class="card-title text-white" style="text-shadow: 0px 0px 20px #000000, 0px 0px 20px #000000, 0px 0px 20px #000, 0px 0px 20px #000">{{ include.post.title }}</h3>
     </div>
+    {%- if include.excerpt -%}
     <div class="card-body">
-        <a href="{{ include.post.url | relative_url }}" class="stretched-link">
-            <h4 class="card-title">{{ include.post.title }}</h4>
-        </a>
-        {%- if include.excerpt -%}
         <p>{{ include.post.excerpt }}</p>
-        {%- endif -%}
     </div>
+    {%- endif -%}
 </div>

services/index.md

@@ -7,7 +7,12 @@ author: none
 ---
 
 ## Cloud
-
+<div class="flex-cards">
+{%- assign posts = site.pages | where_exp: "item", "item.path contains 'services/software'" -%}
+{% for post in posts -%}
+{% include cards/post_card_image.html post=post excerpt=true %}
+{% endfor -%}
+</div>
 
 ## Software
 The service portfolio of HIFIS Software is structured into 4 different
@@ -22,6 +27,12 @@ Education & Training, Technology, Consulting and Community Services.
 </div>
 
 ## Backbone
+<div class="flex-cards">
+{%- assign posts = site.pages | where_exp: "item", "item.path contains 'services/software'" -%}
+{% for post in posts -%}
+{% include cards/post_card_image.html post=post excerpt=true %}
+{% endfor -%}
+</div>
 
 ## Guidelines
 The optimal use of online collaboration tools is prerequisite for successful