diff --git a/app/assets/stylesheets/specific/z_responsive.scss b/app/assets/stylesheets/specific/z_responsive.scss
index 380720232..7e6bbcfcc 100644
--- a/app/assets/stylesheets/specific/z_responsive.scss
+++ b/app/assets/stylesheets/specific/z_responsive.scss
@@ -181,7 +181,12 @@
 
     img {
       width: 100%;
-      height: 33.3vw
+      height: 33.3vw;
+
+      &.has-cropped-false {
+        width: 33.3vw;
+        object-fit: cover;
+      }
     }
   }
 
diff --git a/app/presenters/post_presenter.rb b/app/presenters/post_presenter.rb
index 22f7588ed..7961829ce 100644
--- a/app/presenters/post_presenter.rb
+++ b/app/presenters/post_presenter.rb
@@ -43,7 +43,7 @@ class PostPresenter < Presenter
     html << %{<picture>}
     html << %{<source media="(max-width: 660px)" srcset="#{cropped_src}">}
     html << %{<source media="(min-width: 660px)" srcset="#{post.preview_file_url}">}
-    html << %{<img itemprop="thumbnailUrl" src="#{post.preview_file_url}" title="#{h(tooltip)}" alt="#{h(post.tag_string)}">}
+    html << %{<img itemprop="thumbnailUrl" class="has-cropped-#{post.has_cropped?}" src="#{post.preview_file_url}" title="#{h(tooltip)}" alt="#{h(post.tag_string)}">}
     html << %{</picture>}
     html << %{</a>}