Hi everyone, can can someone please help.   I'm playing around with a SVG mask (first try with CSS too, so please bear with me). I have taken an existing round mask/animation previously shown on codepen and have chosen to make it square. But at the moment the animation seems to animate top left, I'd like this to start from the centre. I have tried to playing around with the 'transformOrigin' but it doesn't seem to change, what am I doing wrong?   thanks in advanced. &