From fc2180e2e4c81abde76a376779cbc712518a0ab0 Mon Sep 17 00:00:00 2001
From: Mike Allanson <michael.allanson@gmail.com>
Date: Fri, 2 Mar 2018 18:23:18 +0000
Subject: [PATCH] Set valid defaults for noscript images (#4328)

---
 packages/gatsby-image/src/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/gatsby-image/src/index.js b/packages/gatsby-image/src/index.js
index c4bf282b08bb1..941788eb75799 100644
--- a/packages/gatsby-image/src/index.js
+++ b/packages/gatsby-image/src/index.js
@@ -89,7 +89,7 @@ const isWebpSupported = () => {
 
 const noscriptImg = props => {
   const {
-    opacity = ``,
+    opacity = `1`,
     src,
     srcSet,
     sizes = ``,
@@ -97,9 +97,9 @@ const noscriptImg = props => {
     alt = ``,
     width = ``,
     height = ``,
-    transitionDelay = ``,
+    transitionDelay = `0.5s`,
   } = props
-  return `<img width=${width} height=${height} src="${src}" srcset="${srcSet}" alt="${alt}" title="${title}" sizes="${sizes}" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:${transitionDelay};opacity:${opacity};width:100%;height:100%;object-fit:cover;object-position:center"/>`
+  return `<img width="${width}" height="${height}" src="${src}" srcset="${srcSet}" alt="${alt}" title="${title}" sizes="${sizes}" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:${transitionDelay};opacity:${opacity};width:100%;height:100%;object-fit:cover;object-position:center"/>`
 }
 
 const Img = props => {