Every card here is asking one question: how much room do I actually have? Media queries can only answer with the size of the whole window, which is the wrong question when a card might live in a sidebar one day and a full-width list the next.
Container queries let the card measure the box it sits in, so the layout decision travels with the component. Drag the handle and watch it choose listing, stacked or badge all by itself.