(FIXED) As of version 14.0 of Safari on macOS, and release 114 of Safari Technology Preview, webkit can not transition the flex-basis attribute alone, when applied to the transform property.
14.0
114
flex-basis
transform
Create a responsive grid of items using CSS-Grid layout, that flows and wraps without media queries.