Apesar do meu código estar identico ao apresentado na aula as minhas imagens não aparecem no navegador

Apesar do meu código estar identico ao apresentado na aula as minhas imagens não aparecem import

Essa é a minha classe photo.component.ts

import  { Component, Input } from "@angular/core";

@Component({
    selector: 'ap-photo',
    templateUrl: 'photo.component.html'
})
export class PhotoComponent {

    @Input() description='';
    @Input() url='';
}

Essa é a minha app.component.html

<ap-photo url="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Sultan_the_Barbary_Lion.jpg/440px-Sultan_the_Barbary_Lion.jpg" description="Leão"></ap-photo>
<ap-photo url="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Lioness_Etosha_NP.jpg/500px-Lioness_Etosha_NP.jpg" description="Leoa"></ap-photo>

E essa é a minha photo.component.html

<img class="img-thumbnail" [src]="url" [alt]="description">

Eu por algum acaso fiz algo de errado?