.card-media {
    width: 100%;
    height: 180px;        /* adjust as needed */
    overflow: hidden;
    border-radius: 12px;  /* matches card corners */
  }
  
  .card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;     /* keeps proportions, fills card-media */
    display: block;
  }