Waste Collection Dashboard Picture Elements und Custom Button card

type: vertical-stack
cards:
  - type: tile
    entity: sensor.nachste_leerung
    state_content: state
  - type: picture-elements
    image: /local/müll/background.png
    elements:
      - type: state-badge
        entity: sensor.naechster
        style:
          top: 20%
          left: 50%
          '--ha-label-badge-size': 75px
          '--ha-label-badge-title-font-size': 0em
      - type: image
        image: /local/müll/gelbersack.webp
        style:
          pointer-events: none
          left: 15%
          top: 60%
          width: 20%
      - type: image
        image: /local/müll/altpapier.webp
        style:
          pointer-events: none
          left: 38%
          top: 60%
          width: 20%
      - type: image
        image: /local/müll/bioabfall.webp
        style:
          pointer-events: none
          left: 61%
          top: 60%
          width: 20%
      - type: image
        image: /local/müll/restabfall.webp
        style:
          pointer-events: none
          left: 84%
          top: 60%
          width: 20%
      - type: custom:button-card
        name: Gelber Sack
        entity: sensor.gelbersack
        show_name: true
        show_icon: false
        show_state: true
        style:
          top: 90%
          left: 15%
          width: 25%
        styles:
          name:
            - font-size: 1em
            - font-family: arial
            - font-weight: bold
          state:
            - font-size: 1em
            - font-family: arial
          card:
            - background-color: transparent
            - border: none
      - type: custom:button-card
        entity: sensor.altpapier
        name: Altpapier
        show_name: true
        show_icon: false
        show_state: true
        style:
          top: 90%
          left: 38%
          width: 25%
        styles:
          name:
            - font-size: 1em
            - font-family: arial
            - font-weight: bold
          state:
            - font-size: 1em
            - font-family: arial
          card:
            - background-color: transparent
            - border: none
      - type: custom:button-card
        name: Bioabfall
        entity: sensor.bioabfall
        show_name: true
        show_icon: false
        show_state: true
        style:
          top: 90%
          left: 61%
          width: 25%
        styles:
          name:
            - font-size: 1em
            - font-family: arial
            - font-weight: bold
          state:
            - font-size: 1em
            - font-family: arial
          card:
            - background-color: transparent
            - border: none
      - type: custom:button-card
        name: Restmüll
        entity: sensor.restmuell
        show_name: true
        show_icon: false
        show_state: true
        style:
          top: 90%
          left: 84%
          width: 25%
        styles:
          name:
            - font-size: 1em
            - font-family: arial
            - font-weight: bold
          state:
            - font-size: 1em
            - font-family: arial
          card:
            - background-color: transparent
            - border: none