Water tank level - multiple sensors

Configuration Frontend
1

I’ve got an irrigation water tank with 4 sensors that trigger when level drops below it. So basically top, middle top, middle bottom, bottom sensors. They are either on - water is above - or off - water is below.

I’ve been playing around with different card and can’t seem to find a way where I can have my 4 images that show the 4 levels appear based on the different sensor status. Simply….if sensor.bottom status is OFF then show “bottom.jpg”…else if sensor.middle-bottom is OFF then show “middle-bottom.jpg”….

Do I need to build a custom card or any pointers in direction of an existing card to use?

2

Didn’t get any responses here but i think i was able to pull off what i wanted with the Picture Elements card. For future google searchers here is how i accomplished a single card that shows different pictures that represent different water levels in a tank. In my hardware setup i have 4 level switches. One note - had to add space in the images so the background image didn’t take up the entire card as is the default.

dashboard
dashboard684×538 20 KB

Associated YAML for the card…

type: picture-elements
image: /local/pump/empty.png
elements:
  - type: conditional
    conditions:
      - entity: binary_sensor.level_switch_bottom
        state: 'on'
    elements:
      - type: image
        image: /local/pump/bottom.png
        style:
          top: 50%
          left: 50%
          width: 100%
  - type: conditional
    conditions:
      - entity: binary_sensor.level_switch_middle_bottom
        state: 'on'
    elements:
      - type: image
        image: /local/pump/middle-bottom.png
        style:
          top: 50%
          left: 50%
          width: 100%
  - type: conditional
    conditions:
      - entity: binary_sensor.level_switch_middle_top
        state: 'on'
    elements:
      - type: image
        image: /local/pump/middle-top.png
        style:
          top: 50%
          left: 50%
          width: 100%
  - type: conditional
    conditions:
      - entity: binary_sensor.level_switch_top
        state: 'on'
    elements:
      - type: image
        image: /local/pump/top.png
        style:
          top: 50%
          left: 50%
          width: 100%
  - type: state-badge
    entity: switch.pool_irrigation_pump
    style:
      top: 30%