<svg xmlns="http://www.w3.org/2000/svg" width="300" height="200">
<rect width="100" height="100" fill="red" />
<rect x="100" width="100" height="100" fill="red"/>
<rect x="200" width="100" height="100" fill="red"/>
<rect x="300" width="100" height="100" fill="red"/>
<g transform="translate(-100,-100)">
<rect width="100" height="100" fill="green" transform="translate(100, 100)" style="will-change: transform;"/>
</g>
<g transform="translate(-100,-100)">
<rect width="50" height="50" fill="green" style="will-change: transform; transform:translate(200px,100px) scale(2,2);"/>
</g>
<g transform="translate(-100,-100)">
<rect width="50" height="50" fill="green" transform="translate(100,0)" style="will-change: transform; transform:translate(300px,100px) scale(2,2);"/>
</g>
</svg>