/* custom css goes here */
.card {
  /*max-width: 300px;*/

  & .card-banner {
    height: 320px;
    overflow: hidden;
  }
  & .card-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* Ensures the image covers the banner area */ 
    object-position: center; /* Centers the image in the banner */
  }
}