diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index 62fd1fa..8712e92 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -72,12 +72,12 @@
 {{- $bannerImg := .Resources.GetMatch "banner.png" -}}
 {{- if not $bannerImg -}}{{- $bannerImg = .Resources.GetMatch "01.png" -}}{{- end -}}
 {{- if $bannerImg -}}
-<div class="w-full overflow-hidden mb-16 md:mb-24" style="max-height: 75vh">
-  {{- partial "img.html" (dict "res" $bannerImg "widths" (slice 1200 1800) "sizes" "100vw" "class" "w-full object-cover" "alt" .Title "loading" "eager") -}}
+<div class="w-full overflow-hidden mb-16 md:mb-24" style="height: clamp(320px, 60vh, 75vh)">
+  {{- partial "img.html" (dict "res" $bannerImg "widths" (slice 1200 1800) "sizes" "100vw" "class" "w-full h-full object-cover object-center" "alt" .Title "loading" "eager") -}}
 </div>
 {{- else -}}{{- with .Params.banner -}}
-<div class="w-full overflow-hidden mb-16 md:mb-24" style="max-height: 75vh">
-  {{- partial "media.html" (dict "media" . "class" "w-full h-full object-cover" "lazy" false) -}}
+<div class="w-full overflow-hidden mb-16 md:mb-24" style="height: clamp(320px, 60vh, 75vh)">
+  {{- partial "media.html" (dict "media" . "class" "w-full h-full object-cover object-center" "lazy" false) -}}
 </div>
 {{- end -}}{{- end -}}