Hi Everyone
for some reason I can’t figure out how to place an icon on a picture element and color/animate it and have it in a correct spot.
I got it working with a button and without correct position but I am at a loss here how this works.
Does anyone have a solution?
Thank you and best regards
elements:
- type: custom:button-card
state:
- value: 'off'
color: red
styles:
icon:
- animation:
- blink 2s linear infinite
- value: 'on'
color: green
entity: binary_sensor.ioniq_5_ev_battery_charge
icon: mdi:ev-plug-type2
styles:
top: 10%
left: 10%
image: local/ioniq_test.png
type: picture-elements
the icon should be higher and samller in the end.