Custom Buttoncard - wie Hintergrundbild setzen?

Dashboard/Cards/Frontend
1

Hallo zusammen, weiß jemand, wie man ein (statisches) Hintergrundbild, dass die gesamte Karte überdeckt, anlegt? In der Doku ( im Repository gibt es ein Beispiel, wie man in einer Animation dynamisch Hintergrundbilder wechselt: https://github.com/custom-cards/button-card#injecting-css-with-extra_styles
Ich könnte jetzt zwar das Beispiel kopieren und 5* das gleiche Bild hinterlegen, aber das ist mir zu kompliziert und belastet den Rechner auch unnötig. Und das ganze Animations- Zeug, da bin ich noch zu weit weg davon …
Weiss jemand, wie das einfacher geht?

2

Theoretisch müsste es so funktionieren, wenn ich mir dein Beispiel anschaue:

- type: custom:button-card
  name: Change Background
  aspect_ratio: 2/1
  styles:
    card:
      - background-image: url("/local/background1.jpg");
      - background-size: cover
    name:
      - color: white
3

Ich hab’s jetzt:

type: custom:button-card
aspect_ratio: 2/1
color_type: icon
color: red
show_icon: true
icon: mdi:bed
name: grosses Schlafzimmer
show_name: true
styles:
  card:
    - background-image: url("/local/images/Schlafzimmer_vorn.webp")
    - background-size: cover

Was gefehlt hat, war der Key für “card”, und das Semikolon am URL muss auch weg.
Das Einzige, was mir unklar ist, was die url(…) Funktion dort macht. Wenn ich oben ein Image angebe, reicht ja auch der lokale Pfad, :thinking:

4

Kann ich eigentlich gleichzeitig ein Bild als Hintergrund haben und eine Background Color setzten da ich eine PNG verwende ?