The idea
Media queries can nest inside a rule. @media (min-width: 500px) { … } inside .card applies only to .card when the stage is wide enough — no need to repeat the selector. This level runs at two stage widths, so the card must actually change size.
Validated at two stage widths, so the nested @media must actually resize the card.