title: image not displaying on HTML page
body: <p>I am attempting to load two image files, using the ion-avatar tags from internal path and i've been trying to do so, using external google links and local path, but the image is not loading in either cases. I've been playing with the paths for a while and i still can't figure out whats wrong.</p>
  
  <p>This is how i tried it in my HTML page</p>
  
  <pre><code> &lt;ion-item *ngFor="let question of questions"&gt;
            &lt;ion-avatar slot="start"&gt;
              &lt;ion-img [src]="question.imageUrl"&gt;&lt;/ion-img&gt;
            &lt;/ion-avatar&gt;
  </code></pre>
  
  <p>my home.service.ts</p>
  
  <pre><code>     private questions: Questions[] = [
      {
        id: 'p1',
        title: 'quanto da 1+1?',
        imageUrl: 'img1.jpg',
        text:"Como faço pra calcular 1+1?",
        questions: ['local', 'endereço', 'horario']
      },
      {
        id: 'p2',
        title: 'vaga de emprego',
        imageUrl: 'https://commons.wikimedia.org/wiki/File:Julio_Dantas.jpg',
        text:'Alguem sabe de uma vaga de emprego?',
        questions: ['vaga', 'experencia', 'salario']
      }
    ];
  </code></pre>
  
  <p>Where my images are locally
  <a href="https://i.stack.imgur.com/kpyHq.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kpyHq.jpg" alt="enter image description here"></a></p>
  
  <p>EDIT: i changed the links and it began to work properly, however my image and what is below the page is being now displayed as a scroll...</p>
  
  <p><a href="https://i.stack.imgur.com/OBKBv.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OBKBv.jpg" alt="enter image description here"></a></p>