title: ionic 3 - show rounded image
body: <p>I'm trying to set a round image at the top of a page (like a profile page). The image is rectangular and about 300x200. I've tried these ways:</p>
  
  <p>1) Using the Ion-Avatar Tag</p>
  
  <p>2) Using Ion-Image tag, setting the border radius in the scss</p>
  
  <p>None of these methods worked. The image just kept showing squared (and eventually shrinked) inside a grey circle:</p>
  
  <p><a href="https://i.stack.imgur.com/pAKEX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pAKEX.jpg" alt="enter image description here"></a></p>
  
  <p>Any suggestions?</p>