diff --git a/src/components/Image.js b/src/components/Image.js
deleted file mode 100644
index f2b71b24..00000000
--- a/src/components/Image.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const React = require('react')
-
-module.exports = ({data, alt, opa = true}) => (
-	<picture>
-		<img
-			className={opa ? 'opa' : ''}
-			alt={alt}
-			src={data.src}
-			srcSet={data.set.map(({url, density}) => `${url} ${density}x`)}
-		/>
-	</picture>
-)
diff --git a/src/components/Image.jsx b/src/components/Image.jsx
new file mode 100644
index 00000000..7f38d1a2
--- /dev/null
+++ b/src/components/Image.jsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import className from 'classnames'
+
+export const Image = ({data, alt, opa = true}) => (
+    <picture>
+        <style jsx>{`
+            picture img {
+                display: block;
+            }
+        `}</style>
+
+		<img
+            className={className({ opa })}
+			alt={alt}
+			src={data.src}
+			srcSet={data.set.map(({url, density}) => `${url} ${density}x`)}
+		/>
+	</picture >
+)
+
+export default Image
\ No newline at end of file