diff --git a/front/src/lib/components/posts/PostHero.svelte b/front/src/lib/components/posts/PostHero.svelte
index 56e6d59d4..1ed966ef0 100644
--- a/front/src/lib/components/posts/PostHero.svelte
+++ b/front/src/lib/components/posts/PostHero.svelte
@@ -19,5 +19,12 @@
       style={heroThumb &&
         `background-image: url('${heroThumb}'); background-position: ${position};`}
     />
+    <noscript>
+      <div
+        class="hero noscript"
+        style={heroImage &&
+          `background-image: url('${heroImage}'); background-position: ${position};`}
+      />
+    </noscript>
   </div>
 {/if}
diff --git a/front/src/lib/styles/pages/post.css b/front/src/lib/styles/pages/post.css
index d42e53a38..ac4df6052 100644
--- a/front/src/lib/styles/pages/post.css
+++ b/front/src/lib/styles/pages/post.css
@@ -98,6 +98,9 @@
       &.loaded {
         z-index: 18;
       }
+      noscript .noscript {
+        display: none;
+      }
     }
   }
   h1.post-title,
diff --git a/front/static/styles/noscript.css b/front/static/styles/noscript.css
index ecb20a3a6..8d51aeac9 100644
--- a/front/static/styles/noscript.css
+++ b/front/static/styles/noscript.css
@@ -22,3 +22,9 @@ body .footer {
     display: none;
   }
 }
+.post .hero-wrap .hero.hero-thumbnail {
+  display: none;
+}
+.post .hero-wrap noscript .hero.noscript {
+  display: block;
+}