Mesma imagem se repetindo [DUVIDA RESOLVIDA]

Segui os passos da aula:

Adicionei ao app.component.html as duas imagens diferentes:

<wd-product imageUrl="https://www.estilonobre.com/media/catalog/product/cache/1/image/800x/9df78eab33525d08d6e5fb8d27136e95/c/a/cadeira_campineira_aparelhada_4-min.jpg" description="cadeira de madeira"></wd-product>
<wd-product imageUrl="https://cdn1.appsisecommerce.com.br/clientes/cliente6382/produtos/12907/P4240.jpg" description="mesa de madeira"></wd-product>

no meu product.component.ts (equivalente ao photo.component.ts) usei os @Input

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

@Component({
    selector: 'wd-product',
    templateUrl: 'product.component.html'
})
export class ProductComponent{
    @Input() imageUrl='';
    @Input() description='';
}

No product.component.html

<img [src]='imageUrl' [alt]='description'>

Porém a mesma imagem é repetida duas vezes, no caso da "cadeira de madeira", e não aparece a mesa.

Angular CLI: 11.2.11 Node: 14.16.1 OS: win32 x64 Angular: 11.2.12