diff --git a/themes/ccchh/assets/sass/main.scss b/themes/ccchh/assets/sass/main.scss
index 6392abb..0396a7e 100644
--- a/themes/ccchh/assets/sass/main.scss
+++ b/themes/ccchh/assets/sass/main.scss
@@ -454,12 +454,17 @@ div.nav-aside {
     margin: 15px var(--block-spacing-horizontal);
   }
 
-  img {
-    padding: 15px var(--block-spacing-horizontal);
-    width: 100%;
-    height: 25cqw;
-    object-fit: cover;
-    object-position: top;
+  .image-container {
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+
+    img {
+      padding: 15px var(--block-spacing-horizontal);
+      max-width: 100%;
+      max-height: 100%;
+    }
   }
 }
 
diff --git a/themes/ccchh/layouts/partials/blog-header.html b/themes/ccchh/layouts/partials/blog-header.html
index a9ac6bb..c3750f7 100644
--- a/themes/ccchh/layouts/partials/blog-header.html
+++ b/themes/ccchh/layouts/partials/blog-header.html
@@ -46,8 +46,10 @@
           {{- end }}
         </div>
         {{- if isset .Params "header" }}
-        {{- $img := .Resources.GetMatch .Params.header.image }}
-         <img class="container" src="{{ $img.RelPermalink }}" alt="{{ .Params.header.caption }}" />
-        {{- end }}
+        <div class="image-container">
+          {{- $img := .Resources.GetMatch .Params.header.image }}
+           <img src="{{ $img.RelPermalink }}" alt="{{ .Params.header.caption }}" />
+          {{- end }}
+        </div>
       </header>
 {{- end }}