title: How to fill image to whole space in ion-img without losing aspect ratio?
body: <p>My current progress stuck at something like this. I need help</p>
  
  <p><a href="https://i.stack.imgur.com/3VCBL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/3VCBL.png" alt="enter image description here"></a></p>
  
  <p>I need the picture in the ion-img to fill its container without losing its aspect.
  here is my html code</p>
  
  <pre><code>&lt;ion-col class='left-content'&gt;
    &lt;ion-img [src]='voucher.image'&gt;&lt;/ion-img&gt;
  &lt;/ion-col&gt;
  </code></pre>
  
  <p>here is my scss code</p>
  
  <pre><code>ion-img {
    min-width: 5.7em;
    min-height: 5.7em;
    border-radius: 0.5em;
    @include my-img-shadow();
  }
  
  .left-content {
    padding-top: 0.8em;
    position: absolute;
    left: 0.5em;
  }
  </code></pre>