title: React-Native-Elements card isn't showing the full Image
body: <p>I'm trying to make a card using react-native-elements, however I'm running into an issue with the image component.</p>
  
  <p>the Image is cut off from the top and the bottom; in other words the entire image isn't being displayed. Another issue is that the image is overlapping the Card. Basically the sharp corners of the images are overlapping the round corners of the Card that is displaying the Image.</p>
  
  <p>here is the code of my Card:</p>
  
  <pre><code>&lt;Card
  image={{uri: 'https://i2-prod.mirror.co.uk/incoming/article14334083.ece/ALTERNATES/s615/3_Beautiful-girl-with-a-gentle-smile.jpg'}}
  containerStyle={{borderRadius:10, marginRight:1, marginLeft:1,}}&gt;
  &lt;View
      style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between' }}
    &gt;
    &lt;View style={{ flexDirection: 'row'}}&gt;
      &lt;Avatar 
          size="small"
          rounded
          source={{
      uri:
        'https://i2-prod.mirror.co.uk/incoming/article14334083.ece/ALTERNATES/s615/3_Beautiful-girl-with-a-gentle-smile.jpg',
    }}
    /&gt;
      &lt;Text&gt;Name&lt;/Text&gt;
      &lt;/View&gt;
      &lt;View&gt;
      &lt;Text&gt;Date&lt;/Text&gt;
      &lt;/View&gt;
    &lt;/View&gt;
      &lt;Text&gt;Caption of image&lt;/Text&gt;
  &lt;/Card&gt;
  </code></pre>
  
  <p>the issue is in </p>
  
  <pre><code>image={{uri: 'https://i2-prod.mirror.co.uk/incoming/article14334083.ece/ALTERNATES/s615/3_Beautiful-girl-with-a-gentle-smile.jpg'}}
  containerStyle={{borderRadius:10, marginRight:1, marginLeft:1,}}
  </code></pre>
  
  <p>that is the image that overlaps the card's borders and isn't being shown 100%.</p>