diff --git a/addons/website_blog/static/src/scss/primary_variables.scss b/addons/website_blog/static/src/scss/primary_variables.scss
index f5cda7678dc..c8b936b59f1 100644
--- a/addons/website_blog/static/src/scss/primary_variables.scss
+++ b/addons/website_blog/static/src/scss/primary_variables.scss
@@ -1,5 +1,3 @@
 
-$s-latest-posts-big-picture-figure-bg: null;
-
 @mixin s-latest-posts-js-get-posts-hook {};
 @mixin s-latest-posts-figure-hook {};
diff --git a/addons/website_blog/static/src/scss/website_blog.scss b/addons/website_blog/static/src/scss/website_blog.scss
index f16afd40bf2..f54dc52b832 100644
--- a/addons/website_blog/static/src/scss/website_blog.scss
+++ b/addons/website_blog/static/src/scss/website_blog.scss
@@ -262,13 +262,10 @@
     }
 }
 
-$s-latest-posts-big-picture-figure-bg: $white !default;
-
 .s_latest_posts_big_picture {
     .s_latest_posts_post {
         position: relative;
         height: 250px;
-        background: $s-latest-posts-big-picture-figure-bg;
         text-align: center;
         cursor: pointer;
         transition: all 300ms;
@@ -281,9 +278,11 @@ $s-latest-posts-big-picture-figure-bg: $white !default;
             position: relative;
             display: block;
             width: 100%;
+            max-width: 100% !important;
             height: 100%;
             padding: 0;
             opacity: 0.8;
+            overflow: hidden;
 
             > .o_blog_cover_component {
                 @include o-position-absolute(0, 0, 0, 0);
@@ -293,15 +292,17 @@ $s-latest-posts-big-picture-figure-bg: $white !default;
                 background-position: center;
             }
         }
-        > div, > div > a {
-            @include o-position-absolute(0, 0, 0, 0);
-            padding: 2em;
-            color: $white;
-            text-transform: uppercase;
-            font-size: 1.25em;
-            backface-visibility: hidden;
-            &::after, &::before {
-                pointer-events: none;
+        > div:not(.o_blog_cover_container):not(.js-loading) {
+            &, & > a {
+                @include o-position-absolute(0, $grid-gutter-width/2, 0, $grid-gutter-width/2);
+                padding: 2em;
+                color: $white;
+                text-transform: uppercase;
+                font-size: 1.25em;
+                backface-visibility: hidden;
+                &::after, &::before {
+                    pointer-events: none;
+                }
             }
 
             > a {
@@ -328,7 +329,9 @@ $s-latest-posts-big-picture-figure-bg: $white !default;
         @include s-latest-posts-figure-hook;
     }
 
-    @include s-latest-posts-js-get-posts-hook;
+    .js_get_posts {
+        @include s-latest-posts-js-get-posts-hook;
+    }
 }
 
 .s_latest_posts, .s_latest_posts_big_picture {
diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index 817387db989..6623de92ebc 100644
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -589,10 +589,10 @@
 </template>
 
 <template id="s_latest_posts" name="Latest Posts - List">
-    <section class="s_latest_posts">
+    <section class="s_latest_posts pt16 pb16">
         <div class="container">
             <h2 class="text-center">Latest Posts</h2>
-            <div class="row js_get_posts"
+            <div class="row s_col_no_bgcolor js_get_posts"
                 data-loading="true"
                 data-template="website_blog.s_latest_posts_list_template"/>
         </div>
@@ -600,10 +600,10 @@
 </template>
 
 <template id="s_latest_posts_big_picture" name="Latest Posts - Big Images">
-    <section class="s_latest_posts_big_picture">
+    <section class="s_latest_posts_big_picture pt16 pb16">
         <div class="container-fluid">
             <h2 class="text-center">Latest Posts</h2>
-            <div class="row js_get_posts"
+            <div class="row s_col_no_bgcolor js_get_posts"
                 data-loading="true"
                 data-template="website_blog.s_latest_posts_big_picture_template"/>
         </div>