From 35b48f80f62668542aca3f69c6fef676f58f0679 Mon Sep 17 00:00:00 2001
From: GatsbyJS Bot <mathews.kyle+gatsbybot@gmail.com>
Date: Tue, 2 Nov 2021 04:20:26 -0600
Subject: [PATCH] fix(gatsby-plugin-image): GatsbyImage not displaying image in
 IE11 (#33416) (#33806)

(cherry picked from commit d708d9142e69458f43d8302bf30c0c422c531798)

Co-authored-by: Rares Portan <43433598+raresportan@users.noreply.github.com>
---
 packages/gatsby-plugin-image/src/gatsby-ssr.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/gatsby-plugin-image/src/gatsby-ssr.tsx b/packages/gatsby-plugin-image/src/gatsby-ssr.tsx
index b946c12264b40..dc142652afbc2 100644
--- a/packages/gatsby-plugin-image/src/gatsby-ssr.tsx
+++ b/packages/gatsby-plugin-image/src/gatsby-ssr.tsx
@@ -21,6 +21,9 @@ export function onRenderBody({ setHeadComponents }: RenderBodyArgs): void {
     position: relative;
     overflow: hidden;
   }
+  .gatsby-image-wrapper picture.object-fit-polyfill {
+    position: static !important;
+  }
   .gatsby-image-wrapper img {
     bottom: 0;
     height: 100%;