diff --git a/assets/css/styles.css b/assets/css/styles.css
index 3114b10..00e3107 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -298,10 +298,11 @@ footer {
 .post-image-box {
   @apply relative;
   width: 100%;
+  overflow: hidden;
 }
 @screen md {
   .post-image-box {
-    width: 35%;
+    width: 35vw;
     min-width: 300px;
     max-width: 450px;
   }
diff --git a/partials/post-background.hbs b/partials/post-background.hbs
index 90fa4e7..fe1c926 100644
--- a/partials/post-background.hbs
+++ b/partials/post-background.hbs
@@ -10,10 +10,12 @@ If the template in question has a background image, then we render responsive im
 for it, and apply those styles to the <header> tag. Else, we just output a <header> tag
 with a `no-image` class so we can style it accordingly.
 --}}
-<div class="post-image-box">
-{{#if feature_image}}
-<img class="post-image" src="{{img_url feature_image size='m'}}">
-{{else}}
-<img class="post-image" src="{{img_url @site.cover_image size='m'}}">
-{{/if}}
+<div>
+    <div class="post-image-box">
+        {{#if feature_image}}
+        <img class="post-image" src="{{img_url feature_image size='m'}}">
+        {{else}}
+        <img class="post-image" src="{{img_url @site.cover_image size='m'}}">
+        {{/if}}
+    </div>
 </div>
\ No newline at end of file