diff --git a/src/components/PostCard.vue b/src/components/PostCard.vue
index e9f7d62..ae4de30 100644
--- a/src/components/PostCard.vue
+++ b/src/components/PostCard.vue
@@ -2,7 +2,6 @@
   <div class="post-card content-box" :class="{'post-card--has-poster' : post.poster}">
     <div class="post-card__header">
       <g-image alt="Cover image" v-if="post.coverImage" class="post-card__image" :src="post.coverImage" />
-      <g-image alt="" v-if="post.coverImage" class="post-card__image__bgblur" :src="post.coverImage" />
     </div>
     <div class="post-card__content">
       <h2 class="post-card__title" v-html="post.title" />
@@ -42,6 +41,8 @@ export default {
     overflow: hidden;
     border-radius: var(--radius) var(--radius) 0 0;
     position: relative;
+    background: rgb(2,0,36);
+    background: linear-gradient(180deg, var(--link-color) 0%, var(--bg-content-color) 100%);
 
     &:empty {
       display: none;
@@ -52,19 +53,6 @@ export default {
     max-height: 75vh;
     margin: 0 auto;
     display: block !important;
-    position: relative;
-    z-index: 2;
-  }
-
-  &__image__bgblur {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1;
-    transform: scale(1.5);
-    filter: blur(30px);
   }
 
   &__title {