.city_card {
    background: var(--white-clr);
    border-radius: 0.4rem 0.4rem 0 0;
    overflow: hidden;
    /* text-align: center; */
  }
  .city_card .city_name {
    font-size: var(--fs-secondary-text);
    font-weight: 700;
  }
  .city_card .city_detail {
    font-size: 1.4rem;
    color: var(--gray-300);
  }
  .city_card .city_image {
    /* border-radius: 0.4rem ; */
    overflow: hidden;
    margin-bottom: 2em;
  }
  .city_card .city_image img{
    object-fit: cover;
    width: 100%;
  }