.parent {
  container-type: inline-size;
}

@container (max-width: 500px) {
  .child {
    /* ... */
  }
}