making image coordinator example wrap to new row instead of squishing the images at small screen sizes

Author: LFDanLu

packages/dev/s2-docs/pages/s2/Image.mdx

@@ -54,7 +54,7 @@ import {style} from '@react-spectrum/s2/style' with {type: 'macro'};
   <div
     className={style({
       display: 'grid',
-      gridTemplateColumns: '1fr 1fr 1fr 1fr',
+      gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))',
       gridTemplateRows: [180],
       gap: 8
     })}>