diff --git a/assets/u/static/css/clean-blog.css b/assets/u/static/css/clean-blog.css
index 3f46709..e646062 100755
--- a/assets/u/static/css/clean-blog.css
+++ b/assets/u/static/css/clean-blog.css
@@ -433,3 +433,8 @@ body {
     width: 50%;
     text-align: center;
 }
+.blog-post-placeholder {
+    width: 240px;
+    height: 240px;
+    background-color: #eee;
+}
diff --git a/assets/u/static/images/blog-post-placeholder.png b/assets/u/static/images/blog-post-placeholder.png
deleted file mode 100644
index 2e68e49..0000000
Binary files a/assets/u/static/images/blog-post-placeholder.png and /dev/null differ
diff --git a/templates/macros/blog.html b/templates/macros/blog.html
index 22f5e88..8966db3 100644
--- a/templates/macros/blog.html
+++ b/templates/macros/blog.html
@@ -4,7 +4,7 @@
     <div class="row">
       <div class="col-md-4">
           {% set image = post.attachments.images.first() %}
-          {% if from_index %}<h2><a href="{{ post|url }}"><img src="{% if image %}{{ image.thumbnail(240)|url }}{% else %}/u/static/images/blog-post-placeholder.png{% endif %}" alt=""/></a></h2>{% else %}<h2><img src="{% if image %}{{ image.thumbnail(240)|url }}{% else %}/u/static/images/blog-post-placeholder.png{% endif %}" alt=""/></h2>{% endif %}
+          <h2><a href="{{ post|url }}">{% if image %}<img src="{{ image.thumbnail(240)|url }}" alt=""/>{% else %}<div class="blog-post-placeholder"></div>{% endif %}</a></h2>
       </div>    
       <div class="col-md-8">
         {% if from_index %}<a href="{{ post|url }}"><h2 class="post-title">{{ post.title }}</h2></a>