To use transform
on safari you need -webkit-transform
. So you'll have :
...
transform: scaleX(var(--scaleX)) scaleY(var(--scaleY));
-webkit-transform: scaleX(var(--scaleX)) scaleY(var(--scaleY));
...
This other post has some more info. Why on Safari the transform translate doesn't work correctly?