diff --git a/resources/css/blocks/narrative-card.css b/resources/css/blocks/narrative-card.css
index e205e2c..2078f77 100644
--- a/resources/css/blocks/narrative-card.css
+++ b/resources/css/blocks/narrative-card.css
@@ -1,11 +1,12 @@
 .narrative-card {
-  @apply p-12 py-24 mx-auto max-w-screen-lg;
+  @apply p-12 py-24 mx-auto max-w-screen-lg relative;
+  overflow: hidden;
 
   > * {
     position: relative;
     z-index: 1;
   }
-  &:after {
+  /* &:after {
     content: '';
     background-image: url('../resources/img/skew-background.svg');
     background-size: 100% 100%;
@@ -13,6 +14,10 @@
     background-position: center;
     @apply absolute inset-0;
     transform: scaleX(-1);
+  } */
+  &__background {
+    @apply absolute inset-0 w-full h-full;
+    /* transform: scaleX(-1); */
   }
 
   .narrative-card__cover {
@@ -56,11 +61,16 @@
     --margin: 1rem;
     @apply flex justify-center items-center w-full h-auto object-cover border border-primary mx-auto;
     aspect-ratio: 1/1;
+    max-width: 300px;
+    @screen lg {
+      aspect-ratio: 1/1;
+    }
 
     img {
       @apply w-full h-full object-cover;
       width: calc(100% - var(--margin));
       height: calc(100% - var(--margin));
+
       object-position: center;
     }
   }
@@ -78,6 +88,9 @@
   .narrative-card__content h6 {
     @apply !text-primary uppercase;
 
-    font-size: 2.25rem;
+    @apply text-3xl;
+    @screen lg {
+      font-size: 2.25rem;
+    }
   }
 }