Excorise custom css

sass/_utils.scss

@@ -31,14 +31,3 @@ figure.image > figcaption {
 .author-images>figure:last-child {
   margin-right: 0;
 }
-
-.blog-card {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  justify-content:space-between;
-  gap: 0;
-}
-.blog-card>.card-content {
-  height: 100%;
-}

templates/blog/author_media.html

-<div class="media">
-  <div class="media-left author-images">
+<div class="media author-section is-flex">
+  <div class="media-left author-images is-align-self-center">
 {% set authors_data = load_data(path="authors.json") -%}
 {% for author in post.authors -%}
     <figure class="image is-48x48 is-inline-block">
@@ -8,15 +8,17 @@
         {% set image = resize_image(path="authors/" ~ author ~ ".jpg", width=48, height=48) -%}
         <img class="is-rounded" src="{{ image.url }}" alt="Benutzerbild von {{ authors_data[post.authors.0].display_name }}" />
       {% else -%}
-        <span class="fa-stack fa-lg is-block">
+      <div class="is-flex is-fullheight">
+        <span class="fa-stack fa-lg is-block is-align-self-center">
           <i class="fa-solid fa-circle fa-stack-2x"></i>
           <i class="fa-solid fa-{{ author | truncate(length=1, end="") | lower() }} fa-stack-1x fa-inverse"></i>
         </span>
+      </div>
       {% endif -%}
     </figure>
 {% endfor %}
   </div>
-  <ul class="media-content">
+  <ul class="media-content is-align-self-center">
     <div class="title is-5">
 {% for author in post.authors -%}
       <span class="is-text-nowrap">{{ authors_data[author].display_name }}</span>{% if not loop.last %},{% endif %}

templates/blog/card.html

-          <div class="card blog-card">
+          <div class="card is-flex is-flex-direction-column is-fullheight is-justify-content-space-between ">
             <div class="card-image">
               <a href="{{ post.permalink }}">
                 <figure class="image is-4by3">
@@ -10,7 +10,7 @@
                 </figure>
               </a>
             </div>
-            <div class="card-content">
+            <div class="card-content is-fullheight">
                 <a href="{{ post.permalink }}"><h3 class="title is-4">{{ post.title }}</h3></a>
                 <div class="content">
                   {% include "blog/meta_line.html" -%}