A card layout that progressively shifts from stacked to horizontal and finally to an overlaid composition based on the available container width.

.test-wrapper {
  container-type: inline-size;
}
 
@container (min-width: 800px) {
  .card__thumb {
    position: absolute;
    inset: 0;
  }
}