From b419712d6c1bf261c55f4c042a82f09c43901e03 Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <rstacruz@users.noreply.github.com>
Date: Sat, 17 Jun 2017 20:40:35 +0800
Subject: [PATCH] gatsby-remark-responsive-image: fix misaligned images

---
 packages/gatsby-remark-responsive-image/src/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/gatsby-remark-responsive-image/src/index.js b/packages/gatsby-remark-responsive-image/src/index.js
index 3df6d6f573b10..e96e68b2a584b 100644
--- a/packages/gatsby-remark-responsive-image/src/index.js
+++ b/packages/gatsby-remark-responsive-image/src/index.js
@@ -87,7 +87,7 @@ module.exports = (
               >
                 <img
                   class="gatsby-resp-image-image"
-                  style="width: 100%; margin: 0; vertical-align: middle; position: absolute; box-shadow: inset 0px 0px 0px 400px ${options.backgroundColor};"
+                  style="width: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px ${options.backgroundColor};"
                   alt="${node.alt ? node.alt : ``}"
                   title="${node.title ? node.title : ``}"
                   src="${fallbackSrc}"