diff --git a/resources/css/blocks/card-grid.css b/resources/css/blocks/card-grid.css
index 8779467..05c17ad 100644
--- a/resources/css/blocks/card-grid.css
+++ b/resources/css/blocks/card-grid.css
@@ -1,4 +1,5 @@
 .card-grid {
+  @apply px-4 md:px-0;
   &--columns-2 .card-grid__innerblocks {
     @apply md:grid-cols-2;
     /* grid-template-columns: repeat(2, 1fr); */
diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css
index cfcc1ab..2125882 100644
--- a/resources/css/blocks/chapter-section.css
+++ b/resources/css/blocks/chapter-section.css
@@ -57,7 +57,10 @@
     @apply object-contain relative;
     min-width: 0;
     flex-shrink: 1;
-    max-width: 100%; /* Empêche de dépasser son conteneur */
+    max-width: calc(100% - 2rem);
+    @screen md {
+      max-width: 100%;
+    }
     display: block;
 
     &--large {
@@ -82,6 +85,11 @@
       filter: saturate(0);
       transition: all 0.3s ease;
 
+      /* max-width: calc(100% - 2rem);
+      @screen md {
+        max-width: 100%;
+      } */
+
       &:hover {
         filter: saturate(1);
         scale: 1.01;
@@ -92,7 +100,10 @@
   &__background {
     @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full;
     z-index: 0;
-    width: calc(100% - 30px);
+    @apply w-full;
+    @screen md {
+      width: calc(100% - 30px);
+    }
 
     &--right {
       transform: scaleX(-1);
diff --git a/resources/css/layout/gutenberg.css b/resources/css/layout/gutenberg.css
index da6255a..07a582c 100644
--- a/resources/css/layout/gutenberg.css
+++ b/resources/css/layout/gutenberg.css
@@ -45,6 +45,9 @@ article > *:not(.entry-content),
 }
 
 .site-content {
+  > .carhop-heading {
+    @apply px-4 md:px-0;
+  }
   p,
   li {
     strong {