Same card, two containers of different widths — the layout reacts to container width, not viewport width.
Narrow container: image on top, text below.
Wide container: same card, image left, text right — no media query, no second class.