Change icon color when media playing

Hi
I am new to HA and not good at writing code.
I am trying to make the icon color on my mobile dashboard change from grey to amber when media is playing.

I have greated a group (media_player.multimedia) which consists of 2 groups my alexas (media_player.speakers) and firesticks (media_player.television).

I am able to get my light to change when any of the lights in the light group comes on or when any of my switches comes on however, i cant seem to get the media one to come on.


 - type: custom:mushroom-template-card
    primary: Media
    secondary: ''
    icon: mdi:play-circle
    tap_action:
      action: toggle
    layout: vertical
    fill_container: true
    icon_color: |-
      {% if is_state("media_player.multimedia", 'playing') %} 
        amber
      {% else %} 
        grey
      {% endif %}

if i put the state to ‘on’ I am able to get it to change color, however, the alexa’s are always on or standby so the color will always stay on amber but i want it to change color only when any of the alexa’s or firesticks are playing.

Thanks for the help

The group is going to report on vs playing

Test this…

- type: custom:mushroom-template-card
    primary: Media
    secondary: ''
    icon: mdi:play-circle
    tap_action:
      action: toggle
    layout: vertical
    fill_container: true
    icon_color: |-
      {% if is_state('media_player.multimedia', 'on') %} 
        amber
      {% else %} 
        grey
      {% endif %}

Check the state via Developer Tools

Thanks.
I tried this earlier and it works but the icon will always be on as the alexa’s seem to always be on.
I was trying to see if I could get the icon to change color only when the alexa’s or firetv are in playing state.
is this because I put all the speakers and fire tv in a group?