Hi,
I’m trying to get the main image of this picture card change with the weather states (I’ll create a custom background for each of the 15 possible states of the “weather” platform)
I made this working card so far, running on an old tablet in kiosk mode.
I’m not very good at pure coding, but I’m a skilled “adapter” 
meaning if I can get an example, I’ll typically figure it out. But I failed to find an example where the conditions affect the main image of the picture card:
type: picture-elements
elements:
## Below is the image that would need changing based on weather - the background is part of the house image and not a transparent overlay)
image: /local/000FloorPanOFF.png
## and the rest of my card config is here (I just but one for sake of code lenght in this post)
style: |
ha-card {
background: none;
color: white;
- type: image
entity: light.closet
tap_action:
action: toggle
state_image:
'on': /local/001ClosetON.png
'off': /local/000.png
style:
top: 19.1%
left: 14.6%
width: 21%
- type: 'custom:text-element'
text: Closet
style:
top: 31.5%
left: 14.5%
font-size: 200%
text-shadow: 3px 3px 2px black
}