diff --git a/content/posts/make-qt-less-ugly/index.md b/content/posts/make-qt-less-ugly/index.md
index e92977f..6bc49ff 100644
--- a/content/posts/make-qt-less-ugly/index.md
+++ b/content/posts/make-qt-less-ugly/index.md
@@ -1,7 +1,7 @@
 ---
 title: Make QT look less ugly
 date: 2017-12-27
-image: /img/qt-gtk-after.png
+image: resource:qt-gtk-after
 hide_header_image: true
 ---
 
diff --git a/layouts/partials/list_item.html b/layouts/partials/list_item.html
index 1b4f608..bb6bca5 100644
--- a/layouts/partials/list_item.html
+++ b/layouts/partials/list_item.html
@@ -2,7 +2,12 @@
   {{ if .Params.image }}
     <div class="d-none d-md-block align-self-center img-wrapper mr-3">
       <a href="{{ .Permalink }}">
-        <div class="image" data-image="{{ .Params.image }}"></div>
+        {{ .Scratch.Set "image" .Params.image }}
+        {{ if hasPrefix .Params.image "resource:" }}
+          {{ $resource := .Resources.GetByPrefix (replace .Params.image "resource:" "") }}
+          {{ .Scratch.Set "image" ($resource.Resize "300x").Permalink }}
+        {{ end }}
+        <div class="image" data-image='{{ .Scratch.Get "image" }}'></div>
       </a>
     </div>
   {{ end }}