Fix styling of blog card

templates/blog/card.html

           <div class="card is-flex is-flex-direction-column is-fullheight is-justify-content-space-between" typeof="schema:BlogPosting" resource="{{ post.permalink }}" property="schema:blogPost">
-            {% if post.extra.microdata.about %}
-            {% for about in post.extra.microdata.about %}
-              <meta property="schema:about" href="{{ about }}" />
-            {% endfor %}
-            {% endif %}
             <div class="card-image">
               <a href="{{ post.permalink }}">
                 <figure class="image is-4by3">
@@ -29,5 +24,10 @@
                 </div>
               </div>
             </div>
+            {% if post.extra.microdata.about %}
+            {% for about in post.extra.microdata.about %}
+              <meta property="schema:about" href="{{ about }}" />
+            {% endfor %}
+            {% endif %}
           </div>