Help: conditional background on picture card

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” :wink: 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

## 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
      action: toggle
      'on': /local/001ClosetON.png
      'off': /local/000.png
      top: 19.1%
      left: 14.6%
      width: 21%
  - type: 'custom:text-element'
    text: Closet
      top: 31.5%
      left: 14.5%
      font-size: 200%
      text-shadow: 3px 3px 2px black