diff --git a/src/assets/css/blocks/images-grid.css b/src/assets/css/blocks/images-grid.css
index ce43d04..5af783c 100644
--- a/src/assets/css/blocks/images-grid.css
+++ b/src/assets/css/blocks/images-grid.css
@@ -1,27 +1,42 @@
 .block-images-grid{
     @apply mb-base md:mb-lg;
     &--black{
-        @apply bg-black py-12;
+        @apply bg-black py-base lg:py-md;
     }
     &__inner{
-        @apply grid grid-cols-12 grid-rows-2 gap-5;
+        @apply grid grid-cols-12 grid-rows-4 lg:grid-rows-2 gap-[calc(var(--grid-gutter)*2)];
         > div{
             @apply relative;
             &:first-child{
-                grid-area: 1 / 1 / 4 / 7;
-                @apply aspect-[4/5];
+                grid-area: 1 / 1 / 3 / 13;
+                @screen lg{
+                    grid-area: 1 / 1 / 4 / 7;
+                }
+                @apply aspect-[4/3] lg:aspect-[4/5];
             }
             &:nth-child(2){
-                grid-area: 1 / 7 / 2 / 10;
+                grid-area: 3 / 1 / 4 / 7;
+                @screen lg{
+                    grid-area: 1 / 7 / 2 / 10;
+                }
             }
             &:nth-child(3){
-                grid-area: 1 / 10 / 2 / 13;
+                grid-area: 3 / 7 / 4 / 13;
+                @screen lg{
+                    grid-area: 1 / 10 / 2 / 13;
+                }
             }
             &:nth-child(4){
-                grid-area: 2 / 7 / 4 / 10;
+                grid-area: 4 / 1 / 5 / 7;
+                @screen lg{
+                    grid-area: 2 / 7 / 4 / 10;
+                }
             }
             &:nth-child(5){
-                grid-area: 2 / 10 / 4 / 13;
+                grid-area: 4 / 7 / 5 / 13;
+                @screen lg{
+                    grid-area: 2 / 10 / 4 / 13;
+                }
             }
             img{
                 @apply absolute top-0 left-0 w-full h-full object-cover;
diff --git a/src/assets/css/components/card.css b/src/assets/css/components/card.css
index abd4725..4ef2999 100644
--- a/src/assets/css/components/card.css
+++ b/src/assets/css/components/card.css
@@ -1,5 +1,5 @@
 .cards-container{
-    @apply pl-[var(--grid-gutter)] md:pl-[var(--grid-offset)] pr-[var(--grid-gutter)] mb-base overflow-x-clip;
+    @apply pl-[calc(var(--grid-gutter)*2)] md:pl-[var(--grid-offset)] pr-[calc(var(--grid-gutter)*2)] mb-base overflow-x-clip;
     /* @at-root :where(.grid-container) .cards-container{
         @apply mx-0 px-0;
     } */