No vídeo, justamente no momento que se definem os templates e os grid-areas para os cards (1 coluna apenas), acredito que o navegador passa a entender que aquele div pai teria 1 linha e 1 coluna para exibir tudo no card, porém, ao determinar que o conteúdo da 1ª linha (a img) ocuparia 100% da width e height dele, a imagem simplesmente some. (No fim do vídeo você resolve isso, indicando o "grid-template-rows")
Isso é um comportamento padrão do Grid? Quando estourar o número de linhas para o grid pai, ele sempre remove os elementos anteriores e deixa os que vem depois?
Gostaria de saber para não apanhar disso no futuro...
