.card-image {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* ensures no overflow if image scales */
}

.card-image img {
  display: block; /* removes inline whitespace below images */
  width: 100%;    /* makes image span full card width */
  height: auto;   /* keeps correct aspect ratio */
  object-fit: cover; /* optional: crops edges neatly if you want consistent image height */
}