type: picture-elements
image: https://demo.home-assistant.io/stub_config/bedroom.png
elements:
- type: image
entity: sensor.moon_phase
state_image:
new_moon: /local/moonphases/new_moon.png
waxing_crescent: /local/moonphases/waxing_crescent.png
first_quarter: /local/moonphases/first_Quarter.png
waxing_gibbous: /local/moonphases/waxing_gibbous.png
full_moon: /local/moonphases/full_moon.png
waning_gibbous: /local/moonphases/waning_gibbous.png
last_quarter: /local/moonphases/last_quarter.png
waning_crescent: /local/moonphases/waning_crescent.png
style:
transform: none
top: 10.0%
left: 6.5%
width: 15.0%
- type: state-label
entity: sensor.moon_phase
prefix: 'Moon Phase: '
style:
top: 90.0%
left: 50.5%
Thank you for helping me. I got the solution. see end