Image component update

src/components/Image.js

@@ -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>
-)

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