Une container query applique des styles selon la taille de son conteneur et non celle de la fenêtre. On déclare container-type: inline-size sur le parent, puis on utilise @container. Cela rend un composant réellement autonome et adaptable partout où on le place.
Exemple
@container (min-width: 30rem) {
.carte { display: flex; }
}