Использование CSS-переменных (пользовательских свойств) в псевдоклассе

Question

Я попробовал приведенный ниже код.Но это не работает.

    .coin:before{
       background-image:var(--dynamic-image);
     }

И я хочу передать --dynamic-image из метода внутри компонента.Я использую Angular Renderer2, и элемент, для которого я хочу установить фон, это this.flip.

    flipCoin() {
      this.renderer.setStyle(this.flip.nativeElement, '--dynamic-image' , "url('https://www.w3schools.com/howto/img_forest.jpg')");
    }

Я что-то здесь не так делаю ??