/*
  MG Learnings V67 — homepage subject image containment fix
  Scope: homepage only, mobile/tablet only.
  Purpose: show the complete subject artwork instead of cropping square source images into 4:3 cards.
  The black frame is intentional and comes from CSS; image files are unchanged.
*/
@media (max-width: 900px) {
  body.route-index .aesopAllSubjects__card figure {
    background: #000 !important;
    overflow: hidden !important;
  }

  body.route-index .aesopAllSubjects__card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: 50% 50% !important;
    background: #000 !important;
    filter: none !important;
  }
}