🔹 Card-mod - Add css styles to any lovelace card

[Ildar_Gabdullin]

Map card: show small pics for source device_trackers

code

type: map
entities:
  - ...
card_mod:
  style:
    ha-map $: |
      {% for entity in config.entities -%}
        {%- set PERSON = entity -%}
        {%- set TRACKER = state_attr(PERSON, 'source') -%}
        {%- set PICTURE = state_attr(TRACKER, 'entity_picture') -%}
        {%- if PICTURE is not none -%}
          ha-entity-marker[entity-id="{{entity}}"]:after {
            content: "";
            background: url({{PICTURE}});
            background-size: 100% 100%;
            left: 32px;
            bottom: 32px;
            position: absolute;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            /* add if needed
            border: 1px solid var(--divider-color);
            */
          }
        {%- endif %}
      {%- endfor %}

Related discussion.

Of course you may add other data into a badge like a “battery_level” etc.