The 1px white space above the image is caused by the default inline behavior of the image. To fix it, add this CSS:

.card img {
display: block;
width: 100%;

}

This removes the extra space and makes the image align properly.