✨ Add useful defaults to Image component

Author: exah

src/image/index.js

@@ -29,7 +29,7 @@ const image = combineStyles(
 )
 
 const Image = styled(createBase('img', { blacklist: [ 'width', 'height' ] }))(
-  { display: 'block' },
+  { display: 'block', maxWidth: '100%', height: 'auto' },
   image
 )
 

test/__snapshots__/index.js.snap

@@ -756,6 +756,8 @@ exports[`FlexGrid vertical and horizontal space 1`] = `
 exports[`Image empty 1`] = `
 .emotion-0 {
   display: block;
+  max-width: 100%;
+  height: auto;
 }
 
 <img
@@ -766,6 +768,8 @@ exports[`Image empty 1`] = `
 exports[`Image with image 1`] = `
 .emotion-0 {
   display: block;
+  max-width: 100%;
+  height: auto;
   width: 50%;
 }