Zehnder ComfoConnect component

I have prepared a picture elements card for ComfoQ, based on the one @breinonline made
comfoq

You need to install slider-entity-row from HACS,

The lovelace card:

type: vertical-stack
cards:
  - type: entities
    entities:
      - type: custom:slider-entity-row
        entity: fan.comfoairq
  - type: picture-elements
    image: local/images/comfo2.png
    elements:
      - type: state-label
        entity: sensor.comfoairq_supply_airflow
        style:
          top: 59%
          left: 73%
          color: white
      - type: state-label
        entity: sensor.comfoairq_exhaust_airflow
        style:
          top: 59%
          left: 27%
          color: white
      - type: state-label
        entity: sensor.comfoairq_inside_temperature
        style:
          top: 20%
          left: 88%
          color: null
      - type: state-label
        entity: sensor.comfoairq_inside_humidity
        style:
          top: 28%
          left: 88%
          color: null
      - type: state-label
        entity: sensor.comfoairq_supply_temperature
        style:
          top: 76%
          left: 88%
          color: null
      - type: state-label
        entity: sensor.comfoairq_supply_humidity
        style:
          top: 84.2%
          left: 88%
          color: null
      - type: state-label
        entity: sensor.comfoairq_outside_temperature
        style:
          top: 20%
          left: 12%
          color: null
      - type: state-label
        entity: sensor.comfoairq_outside_humidity
        style:
          top: 28%
          left: 12%
          color: null
      - type: state-label
        entity: sensor.comfoairq_exhaust_temperature
        style:
          top: 76%
          left: 12%
          color: null
      - type: state-label
        entity: sensor.comfoairq_exhaust_humidity
        style:
          top: 84.2%
          left: 12%
          color: null
      - type: state-label
        entity: sensor.comfoairq_bypass_state
        prefix: 'Bypass: '
        style:
          top: 23%
          left: 50%
      - type: state-label
        entity: sensor.comfoairq_days_to_replace_filter
        prefix: 'Filter in '
        style:
          top: 92%
          left: 50%
          color: grey
      - type: state-label
        entity: sensor.comfoairq_current_rmot
        prefix: 'Rmot '
        style:
          top: 10%
          left: 30%
          color: grey
      - type: state-label
        entity: sensor.comfoairq_power_usage
        prefix: 'Curr. '
        style:
          top: 10%
          left: 70%
          color: grey