add space to bottom of block content, shrink featurebox

web/src/components/blocks/featuredBlock.module.scss

@@ -1,10 +1,9 @@
 .featuredBlock {
   background: var(--color-background-secondary);
-  margin: calc(var(--spacing-sitepadding-block)*2) calc(var(--spacing-sitepadding-inline)*-1);
-  padding: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline);
+  margin: calc(var(--spacing-sitepadding-block)*2) 0;
+  padding: 0;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
-  column-gap: var(--spacing-gap-column);
 
   &[data-background-color="deepBrick"] {
     background-color: var(--color-deepBrick);
@@ -31,42 +30,26 @@
   &:nth-of-type(even) {
     .text {
       order: 2;
-      align-items: flex-start;
-
-      p {
-        text-align: left;
-      }
     }
 
     .image {
       order: 1;
     }
   }
-
-  +.featuredBlock {
-    margin-top: calc(var(--spacing-sitepadding-block)*-2);
-  }
-
-  &:last-child {
-    margin-bottom: 0;
-  }
 }
 
 .text {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: flex-end;
+  align-items: flex-start;
   gap: var(--spacing-gap-row);
+  padding: var(--spacing-l);
 
   h2 {
     font-size: var(--font-size-h2);
   }
 
-  p {
-    text-align: right;
-  }
-
   a {
     font-family: var(--font-serif);
     font-size: var(--font-size-lead);
@@ -93,4 +76,14 @@
   width: 100%;
   padding-top: 60%;
   background: var(--color-placeholder);
+}
+
+@media (max-width: 800px) {
+  .featuredBlock {
+    grid-template-columns: 1fr;
+
+    .text {
+      order: 2;
+    }
+  }
 }