As bordas da imagem só funcionaram com estas configurações no CSS..
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;
}
Por que?