в CSS нет специального режима для GPU-композиции, это просто оптимизация для решения специфических задач
https://habr.com/ru/company/odnoklassniki/blog/313978/
https://www.smashingmagazine.com/2016/12/gpu-anima...
clipPath
. <body>
<svg viewBox="0 0 100 100">
<use xlink:href="#star"></use>
</svg>
<object id="sprite" data="/sprite.svg" type="image/svg+xml"></object>
<script>
document.getElementById("sprite").addEventListener("load", function(){
const svg = this.getSVGDocument().rootElement;
svg.id = "sprite";
this.parentNode.replaceChild(svg, this);
}, { once: true });
</script>
</body>
Посмотри что делает функция onresize и сделай также.