diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index c352d17b4..9283cf49d 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -190,7 +190,7 @@ export default {
           the height with respect to the width.
       */
       return {
-        '--hero-image-aspect-ratio': this.post.image.aspectRatio,
+        '--hero-image-aspect-ratio': 1 / this.post.image.aspectRatio,
       }
     },
   },