Auto-scale image proportionally in blog card

templates/blog/card.html

@@ -2,7 +2,8 @@
             <div class="card-image">
               <a href="{{ post.permalink }}">
                 <figure class="image is-4by3">
-                  <img src="{{ get_url(path="@/" ~ post.relative_path, trailing_slash=true) }}{{ post.extra.depiction.image | safe }}" alt="{{ post.extra.depiction.alt }}" />
+                  {% 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 }}" />
                   {% if post.extra.depiction.credits %}
                     <figcaption>{{ post.extra.depiction.credits }}</figcaption>
                   {% endif %}