Make figcaption visible

Makes the figcaption Element for the post.html Template visible.

The figcaption content is now overlayed translucently on top of the image having the maximum width of one row. On hover it will expand to the full necessary height to display the whole content.

templates/blog/post.html

@@ -13,9 +13,9 @@
         <div class="card-image">
           <figure class="image is-4by3">
             {% set image = resize_image(path="@/" ~ post.colocated_path ~ "/" ~ post.extra.depiction.image, width=800, height=600) -%}
-            <img src="{{ image.url }}" alt="{{ post.extra.depiction.alt }}" />
+              <img src="{{ image.url }}" alt="{{ post.extra.depiction.alt }}" />
             {% if post.extra.depiction.credits %}
-              <figcaption>{{ post.extra.depiction.credits }}</figcaption>
+              <figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ post.extra.depiction.credits }}</figcaption>
             {% endif %}
           </figure>
         </div>