Picture-elements and change icon of button

Hello
i try to get my first picture-element in this moment i have

elements:
  - entity: switch.sonoff_4ch1
    style:
      left: 11%
      top: 37%
    tap_action:
      action: toggle
    type: state-badge
  - entity: switch.sonoff_4ch3
    style:
      left: 18%
      show_name: false
      top: 26%
    tap_action:
      action: toggle
    type: state-badge
  - entity: switch.sonoff_4ch2
    style:
      left: 29%
      top: 18%
    tap_action:
      action: toggle
    type: state-badge
  - entity: switch.sonoff_4ch4
    style:
      left: 37%
      top: 49%
    tap_action:
      action: toggle
    type: state-badge
  - entity: switch.ogrd_kominek_1
    style:
      left: 85%
      top: 32%
    tap_action:
      action: toggle
    type: state-badge
  - entity: switch.ogrod_oczko
    style:
      left: 96%
      top: 70%
    tap_action:
      action: toggle
    type: state-badge
font-size: 4vmax
image: /local/1ogrod.jpg
type: picture-elements

It looks like this
image
tries to modify icons to get changing images instead of on / off
I added on.png and off.png images on /local/www
where to add entries to make it work

 '--paper-item-icon-color': pink

or

state_image:
  "on": /local/on.png
  "off": /local/off.png

Use:

type: state-icon

not

type: state-badge
  - entity: switch.ogrod_oczko
    style:
      left: 96%
      top: 70%
      state_image:
        'on': /local/ON.png
        'off': /local/OFF.png
    tap_action:
      action: toggle
    type: state-icon

now i have lightning
image
but in file i have bulb (on/off)

Sorry, image not state-icon if you want to use custom images. https://www.home-assistant.io/lovelace/picture-elements/#image-element