diff --git a/theme/static/src/scss/index.scss b/theme/static/src/scss/index.scss
index 55e2be7..2e68d1a 100644
--- a/theme/static/src/scss/index.scss
+++ b/theme/static/src/scss/index.scss
@@ -87,3 +87,15 @@ p a {
 .highlight.ansi-up {
   font-weight: 600;
 }
+
+.media.category {
+  .media-left {
+    min-width: 100px;
+    height: 100px;
+
+    .image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+}
diff --git a/theme/templates/category.html b/theme/templates/category.html
index ec1bcfe..a2f1216 100644
--- a/theme/templates/category.html
+++ b/theme/templates/category.html
@@ -31,14 +31,12 @@
       <div class="container">
         <div class="row no-gutter">
           {% for article in articles|sort(attribute="title") %}
-            <div class="media categories">
-              {% if article.image %}
-                <div class="media-left">
-                  <a href="/{{ article.url }}">
-                    <img class="media-object" src="{{ article.image }}">
-                  </a>
-                </div>
-              {% endif %}
+            <div class="media category">
+              <div class="media-left">
+                {% if article.image %}
+                  <div class="image" data-image="{{ article.image }}"></div>
+                {% endif %}
+              </div>
               <div class="media-body">
                 <a href="/{{ article.url }}">
                   <h4 class="media-heading">{{ article.title }}</h4>