use bulma media class

sass/_utils.scss

@@ -27,6 +27,11 @@ figure.image > figcaption {
   // margin-right: -1 * 20%;
   margin-right: -30px;
 }
+
+.author-images>figure:last-child {
+  margin-right: 0;
+}
+
 .blog-card {
   display: flex;
   flex-direction: column;

templates/blog/author_media.html

-<div class="columns is-vcentered">
-  <div class="column is-two-fifths author-images">
+<div class="media">
+  <div class="media-left author-images">
 {% set authors_data = load_data(path="authors.json") -%}
 {% for author in post.authors -%}
     <figure class="image is-48x48 is-inline-block">
@@ -16,7 +16,7 @@
     </figure>
 {% endfor %}
   </div>
-  <ul class="column is-three-fifths">
+  <ul class="media-content">
     <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 %}