diff --git a/src/sass/components/articles/_article-card.scss b/src/sass/components/articles/_article-card.scss
index 9ab65e072..f6d4bdc44 100644
--- a/src/sass/components/articles/_article-card.scss
+++ b/src/sass/components/articles/_article-card.scss
@@ -95,6 +95,20 @@
     aspect-ratio: 16/9;
 }
 
+@supports not (aspect-ratio: 16/9) {
+    .m-article-card__picture {
+        width: 100%;
+        overflow: hidden;
+    }
+
+    .m-article-card__picture{
+        content: "";
+        display: block;
+        padding-top: 56.25%;
+    }
+
+}
+
 .m-article-card__picture-link {
     position: absolute;
     top: 0;
diff --git a/src/sass/post.scss b/src/sass/post.scss
index 51726ab59..7bbe48dd3 100644
--- a/src/sass/post.scss
+++ b/src/sass/post.scss
@@ -31,7 +31,23 @@
         margin-top: 65px;
     }
 }
+@supports not (aspect-ratio: 16/9) {
+    .post-template .m-hero.with-picture {
+        width: 100%;
+        overflow: hidden;
+    }
+
+    .post-template .m-hero.with-picture{
+        content: "";
+        display: block;
+        padding-top: 56.25%;
+    }
 
+    .post-template .m-hero.with-picture img {
+        object-fit: fill;
+    }
+
+}
 .disclamer-deprecated-post {
     margin: 30px 0;
     padding: 15px 20px;