Picture-Elements: Opacity values from light brightness

Configuration
14

Hi Petro,

Code basically worked well, but recommend to check how opacity set up by Lukevink in this topic: Floorplan UI with Color synced lights

In case of multiple rooms with multiple lighting, looked like the version below works better:

type: custom:config-template-card
entities:
  - light.kitchen_lights
  - light.ceiling_lights
card:
  type: picture-elements
  image: local/pictures/F0_00_Dark_15.png
  elements:
    - type: image
      entity: light.kitchen_lights
      tap_action: none
      hold_action: none
      state_image:
        'on': local/pictures/F0_07_Kitchen_Ceiling.png
      style:
        top: 50%
        left: 50%
        width: 100%
        opacity: ${ states['light.kitchen_lights'].attributes.brightness / 255 }
    - type: image
      entity: light.ceiling_lights
      tap_action: none
      hold_action: none
      state_image:
        'on': local/pictures/F0_05_LivingRoom_Ceiling.png
      style:
        top: 50%
        left: 50%
        width: 100%
        opacity: ${ states['light.ceiling_lights'].attributes.brightness / 255 }