CollectiveImage component fix

src/components/CollectiveImage.jsx

@@ -1,25 +1,22 @@
 import React from 'react'
-import Image from './Image'
+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}
+            src={props.data.src}
+            alt={props.data.alt}
+            set={props.data.set}
             opa={false}
+            style={{
+                marginBottom: 'var(--double-margin)',
+            }}
+            imgStyle={{
+                width: '100%',
+                borderRadius: '10px',
+            }}
         />
-	</div>
+    </div>
 )