resources/css/blocks/content-box.css

@@ -39,7 +39,7 @@
   }
 
   &__innerblocks {
-    @apply max-w-screen-lg mx-auto px-4 md:px-8;
+    @apply max-w-screen-lg mx-auto px-8;
   }
   h3 {
     /* @apply title-small font-bold; */

resources/css/blocks/narrative-card.css

@@ -1,12 +1,11 @@
 .narrative-card {
-  @apply p-12 py-24 mx-auto max-w-screen-lg relative;
-  overflow: hidden;
+  @apply p-12 py-24 mx-auto max-w-screen-lg;
 
   > * {
     position: relative;
     z-index: 1;
   }
-  /* &:after {
+  &:after {
     content: '';
     background-image: url('../resources/img/skew-background.svg');
     background-size: 100% 100%;
@@ -14,10 +13,6 @@
     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 {
@@ -61,16 +56,11 @@
     --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;
     }
   }
@@ -88,9 +78,6 @@
   .narrative-card__content h6 {
     @apply !text-primary uppercase;
 
-    @apply text-3xl;
-    @screen lg {
-      font-size: 2.25rem;
-    }
+    font-size: 2.25rem;
   }
 }