I am not sure if anyone answered your question or not, but below is how i achieved a similar layout.
The below code is for a single tile in the playlist selector.
entity_picture: 'https://i.scdn.co/image/ab67706f00000003c52557648b37b81cd1a05d10'
show_entity_picture: true
styles:
card:
- '--mdc-ripple-color': var(--switch-checked-button-color)
- '--mdc-ripple-press-opacity': 0.5
entity_picture:
- width: 100%
grid:
- margin: '-10px'
tap_action:
action: call-service
service: script.1594217612531
service_data:
media_content_id: 'spotify:user:spotify:playlist:37i9dQZF1DXcF6B6QPhFDv'
media_content_type: playlist
type: 'custom:button-card'
The script that is being called for the tap action is just to play the selected playlist on the media player that is in the input_select.
I am not sure if you can just use the Call-Service for a sonos media player, but it should work. I am using Logitech Media Server.