Trying to use the picture card to show a media_player entity_picture

This is a very strange one for me. I an trying to use the entity_picture url attribute of a media_player to be used in a Picture Card.

If I pull the attribute from my media player in the developer tools template area I get the url for the current song playing:

{{state_attr('media_player.stereo' , 'entity_picture') }}

returns the following (which I can manually enter in the picture card image path option:

Blockquote
https://is1-ssl.mzstatic.com/image/thumb/Music124/v4/bb/06/f0/bb06f041-69d8-8c73-3fe2-8d7291be41c6/603497928316.jpg/600x600bb.jpg

the code for this in yaml is:

type: picture
image: >-
  https://is1-ssl.mzstatic.com/image/thumb/Music124/v4/bb/06/f0/bb06f041-69d8-8c73-3fe2-8d7291be41c6/603497928316.jpg/600x600bb.jpg

the picture shows up like a charm. When I try to replace the static URL above with an expression that will pull the current image url from the media_player:

type: picture
image: >-
   {{state_attr('media_player.stereo' , 'entity_picture') }}

I get an empty or null photo doesn’t work.

I’ll include some screen shots to help explain:

Not certain if the pictures will be completely visable, but the yaml code shown is exactly the same as above.

I have attempted putting quotes around the yaml code, but that works the same as putting quotes around a static URL, you get the same null picture.

Any help would be greatly appreciated

Because picture card has no function for template. You have to use another card