fix: cleanup

components/Current/Aside/Contacts/contact.module.css

@@ -1,6 +1,5 @@
 
 .highlightBlock {
-  background: #fff;
   padding: 10px 10px 15px;
   background: #fff;
   overflow: hidden;

components/Current/Aside/index.tsx

@@ -17,7 +17,12 @@ export default function Aside({ blocks }: AsideProps) {
         const type = block.__typename
         switch (type) {
           case AsideTypenameEnum.CurrentBlocksPageAsideContact:
-            return <Contacts contacts={block.contact.contactConnection.edges} />
+            return (
+              <Contacts
+                contacts={block.contact.contactConnection.edges}
+                key={`block-${idx}`}
+              />
+            )
           case AsideTypenameEnum.CurrentBlocksPageAsidePuff:
             return (
               <Puffs

components/Current/Hero/hero.module.css

@@ -10,7 +10,6 @@
 }
 
 .heroImage {
-  object-fit: contain;
   width: 100%;
   height: auto;
   max-height: 600px;

components/Current/Hero/index.tsx

@@ -7,18 +7,17 @@ import type { HeroProps } from "@/types/components/current/hero"
 export default function Hero({ images }: HeroProps) {
   return (
     <div className={styles.wrapper} aria-label="Hero" tabIndex={0}>
-      <picture className={styles.picture}>
-        {images.map(({ node: image }) => (
+      {images.map(({ node: image }) => (
+        <picture className={styles.picture} key={image.title}>
           <Image
             alt={image.title}
             className={styles.heroImage}
             height={image.dimension.height}
-            key={image.title}
             src={image.url}
             width={image.dimension.width}
           />
-        ))}
-      </picture>
+        </picture>
+      ))}
     </div>
   )
 }

components/Current/Preamble/preamble.module.css

@@ -3,7 +3,7 @@
   gap: 60px;
   margin: 0 auto;
   max-width: 1200px;
-  padding: 20px 10px 5px;
+  padding: 20px 10px 25px;
   background: #fff;
 }
 
@@ -13,14 +13,14 @@
   font-size: 1.25rem;
   font-weight: 300;
   line-height: normal;
-  margin-bottom: 20px;
   text-transform: none;
+  margin-bottom: 0;
 }
 
 @media (min-width: 740px){
   .container {
       background: transparent;
-      padding: 20px 30px 15px;
+      padding: 20px 30px 35px;
       grid-template-columns: 2fr 1fr;
   }
 }