Multiple batteries with separate charge / discharge entities

[martynwendon]

My configuration has separate charge / discharge entities for batteries like so:

type: custom:compact-power-card
curve_factor: 5
entities:
  home:
    entity: sensor.total_usage
  pv:
    entity: sensor.solar_total
    labels:
      - entity: sensor.solar_house
        icon: mdi:solar-panel
        name: house
      - entity: sensor.solar_garden_office
        icon: mdi:solar-panel
        name: garden office
      - entity: sensor.solar_gazebo
        icon: mdi:solar-panel
        name: gazebo
  grid:
    import_entity: sensor.electric_import
    export_entity: sensor.electric_export
  battery:
    - charge_entity: sensor.battery_export
      discharge_entity: sensor.battery_out      
      battery_soc: sensor.battery_storage_charge
      show_soc: true
      battery_capacity: 16.07
    - charge_entity: sensor.battery_2_export_export
      discharge_entity: sensor.battery_2_export
      battery_soc: sensor.battery_2_storage_charge
      show_soc: true
      battery_capacity: 16.07
grid_options:
  columns: 12
  rows: 8

Currently they look like:

Is it possible to get the individual batteries to show underneath the calculated / averaged one?

Like this one:

Also, is it possible to name the batteries similar to how the solar PV can be?

Thanks for any pointers!