Solucionado
O HTML ficou igual, mas fiz o CSS de outra maneira:
figure {
border: 8px solid black;
background-color: #FAFFFC;
padding: 16px;
margin-right: 16px;
margin-bottom: 16px;
}
.container li {
display: inline-block;
box-sizing: border-box;
width: 45%;
}
figure img {
width: 100%;
border-bottom: 0;
border-left: 0;
}
Boa noite, Tiago! Como vai?
Muitas vezes no sertão da programação teremos mais de uma solução para o mesmo problema! Então se no seu caso essa solução funcionou é só seguir em frente rumo à luz do conhecimento!
Por fim, uma dica: o curso de HTML e CSS foi regravado e uma nova versão já foi lançada! Segue o link!
https://cursos.alura.com.br/course/html5-css3-primeiros-passos
Grande abraço e bons estudos, meu aluno!