diff --git a/resources/css/blocks/narrative-card.css b/resources/css/blocks/narrative-card.css
index 502435f..d5ce8b3 100644
--- a/resources/css/blocks/narrative-card.css
+++ b/resources/css/blocks/narrative-card.css
@@ -30,8 +30,11 @@
   }
 
   &--has-cover {
-    @apply grid grid-cols-2 gap-24 items-center;
-    grid-template-columns: 3.5fr 1fr;
+    @apply grid lg:grid-cols-2 gap-12 lg:gap-24 gap-y-8 items-center;
+    grid-template-columns: 1fr;
+    @screen lg {
+      grid-template-columns: 3.5fr 1fr;
+    }
 
     &--left {
       grid-template-columns: 1fr 3.5fr;