diff --git a/src/components/atoms/Image.module.css b/src/components/atoms/Image.module.css
index a8d4b987..8715291b 100644
--- a/src/components/atoms/Image.module.css
+++ b/src/components/atoms/Image.module.css
@@ -13,6 +13,7 @@ a:focus .frame {
 
 .image {
   composes: frame;
+  max-width: none;
   margin-top: calc(var(--spacer) * var(--line-height));
   margin-bottom: calc(var(--spacer) * var(--line-height));
   position: relative;
diff --git a/src/components/atoms/Image.tsx b/src/components/atoms/Image.tsx
index fe251544..4d540dba 100644
--- a/src/components/atoms/Image.tsx
+++ b/src/components/atoms/Image.tsx
@@ -34,7 +34,13 @@ export const imageSizeThumb = graphql`
     original {
       src
     }
-    gatsbyImageData(layout: CONSTRAINED, width: 480, height: 140, quality: 85)
+    gatsbyImageData(
+      layout: CONSTRAINED
+      width: 480
+      height: 180
+      quality: 85
+      transformOptions: { cropFocus: CENTER }
+    )
   }
 `