diff --git a/src/components/common/PostCard.js b/src/components/common/PostCard.js
index 6db11be..38fd27e 100644
--- a/src/components/common/PostCard.js
+++ b/src/components/common/PostCard.js
@@ -4,6 +4,8 @@ import { Link } from 'gatsby'
 import { Tags } from '@tryghost/helpers-gatsby'
 import { readingTime as readingTimeHelper } from '@tryghost/helpers'
 
+import config from '../../utils/siteConfig'
+
 const PostCard = ({ post, isLarge }) => {
     const url = `/${post.slug}/`
     const readingTime = readingTimeHelper(post)
@@ -13,7 +15,9 @@ const PostCard = ({ post, isLarge }) => {
             <header className="post-card-header">
                 {post.feature_image &&
                     <div className="post-card-image" style={{
-                        backgroundImage: `url(${post.feature_image})` ,
+                        backgroundImage: `url(${post.feature_image
+                            ? post.feature_image.replace(new RegExp(config.mediaUrlFrom, 'g'), config.mediaUrlTo)
+                            : null})`,
                     }}></div>}
             </header>
             <div className="post-card-content">