CollectiveImage refactoring

src/components/CollectiveImage.js

@@ -1,8 +0,0 @@
-const React = require('react')
-const Image = require('./Image')
-
-module.exports = ({data}) => (
-	<div className="CollectiveImage">
-		<Image data={data}/>
-	</div>
-)

src/components/CollectiveImage.jsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import Image from './Image'
+
+export const CollectiveImage = (props) => (
+    <div
+        className="CollectiveImage"
+        style={props.style}
+    >
+        <style jsx>{`
+            .CollectiveImage {
+                margin - bottom: var(--double-margin);
+            }
+
+            img {
+                width: 100%;
+                border-radius: 10px;
+            }
+        `}</style>
+
+        <Image
+            data={props.data}
+            opa={false}
+        />
+	</div>
+)