FEATURE improving max-width on paragraph content

resources/css/blocks/chapter-section.css

@@ -2,7 +2,6 @@
   @apply flex items-center justify-between gap-8  2xl:gap-12 !my-0 px-12;
   @apply xl:py-32 2xl:py-48;
   @apply max-w-screen-2xl;
-
   @apply mx-auto;
 
   h2 {
@@ -11,6 +10,7 @@
   h3 {
     @apply subtitle-big;
   }
+
   &--right {
     @apply flex-row-reverse;
   }
@@ -21,7 +21,7 @@
     /* flex-shrink: 0; */
     @apply max-w-3xl;
     p {
-      @apply text-neutral-600 max-w-sm;
+      @apply text-neutral-600 max-w-xl @apply mb-2;
     }
   }
   &__innerblocks {
@@ -29,6 +29,7 @@
     p {
     }
   }
+
   &__cover {
     @apply object-contain;
     min-width: 0;
@@ -50,8 +51,9 @@
     }
   }
   &__background {
-    @apply absolute top-0 left-0 w-full h-full;
+    @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full;
     z-index: 1;
+    width: calc(100% - 30px);
 
     &--right {
       transform: scaleX(-1);