<s-query-container>
  <s-stack
    direction="@container (inline-size > 500px) inline, block"
    gap="@container (inline-size > 500px) base, small-300"
  >
    <s-box
      padding="large-100"
      borderColor="base"
      borderWidth="small"
      borderRadius="large-100"
    >
      Content 1
    </s-box>
    <s-box
      padding="large-100"
      borderColor="base"
      borderWidth="small"
      borderRadius="large-100"
    >
      Content 2
    </s-box>
  </s-stack>
</s-query-container>