/* DREAMSPIRE — MOBILE PHOTO FIT FIX */

@media (max-width: 820px){

  /* Main resident/kitten card wrapper */
  .ds-cats-card,
  .resident-card,
  .kitten-card,
  .ds-resident-card,
  .ds-kitten-card,
  .dreamspire-resident-card,
  .dreamspire-kitten-card{
    overflow:hidden !important;
    border-radius:28px !important;
  }

  /* Image wrapper */
  .ds-cats-card .image-wrap,
  .resident-card .image-wrap,
  .kitten-card .image-wrap,
  .ds-resident-card .image-wrap,
  .ds-kitten-card .image-wrap,
  .dreamspire-resident-card .image-wrap,
  .dreamspire-kitten-card .image-wrap,
  .ds-cats-photo-wrap,
  .resident-photo-wrap,
  .kitten-photo-wrap,
  .ds-resident-photo-wrap,
  .ds-kitten-photo-wrap,
  .dreamspire-resident-photo-wrap,
  .dreamspire-kitten-photo-wrap{
    width:100% !important;
    aspect-ratio: 4 / 5 !important;
    min-height:unset !important;
    max-height:none !important;
    overflow:hidden !important;
    border-radius:24px 24px 0 0 !important;
    background:#ece9e4 !important;
  }

  /* Actual image */
  .ds-cats-card img,
  .resident-card img,
  .kitten-card img,
  .ds-resident-card img,
  .ds-kitten-card img,
  .dreamspire-resident-card img,
  .dreamspire-kitten-card img,
  .ds-cats-photo,
  .resident-photo,
  .kitten-photo,
  .ds-resident-photo,
  .ds-kitten-photo,
  .dreamspire-resident-photo,
  .dreamspire-kitten-photo{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center 20% !important;
    border-radius:24px 24px 0 0 !important;
  }

  /* Make the photo section shorter on mobile */
  .resident-photo-wrap,
  .kitten-photo-wrap,
  .ds-resident-photo-wrap,
  .ds-kitten-photo-wrap,
  .dreamspire-resident-photo-wrap,
  .dreamspire-kitten-photo-wrap{
    max-height:460px !important;
  }

  /* If your current layout uses figure */
  figure.resident-photo,
  figure.kitten-photo,
  figure.ds-resident-photo,
  figure.ds-kitten-photo{
    margin:0 !important;
    aspect-ratio:4 / 5 !important;
    overflow:hidden !important;
    border-radius:24px 24px 0 0 !important;
    background:#ece9e4 !important;
  }

  figure.resident-photo img,
  figure.kitten-photo img,
  figure.ds-resident-photo img,
  figure.ds-kitten-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 20% !important;
  }
}