Having different cards as homekit style cards

Configuration Frontend
1

So I wanted to use the custom mini media player as a tile but I cant get it to work. This is the code I used:

rows:
  - row: 1
    columns:
      - column: 1
        tileOnRow: 1
        entities:
          - title: M E D I A
            entities:
              - card: custom:mini-media-player
                entity: media_player.spotify_marko
                artwork: full-cover

And I wanted to set the custom mushroom alarm panel card as a tile but it doesnt work either. This is the code:

rows:
  - row: 1
    columns:
      - column: 1
        tileOnRow: 1
        entities:
          - title: S E C U R I T Y
            entities:
              - card: custom:mushroom-alarm-control-panel-card
                entity: alarm_control_panel.alarm
                states:
                  - armed_home
                  - armed_away

What am I doing wrong? I got the custom mini graph to work. Is it because these cards arent supported?

2