Animaton/icon color on picture card not working

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.

Screenshot 2024-01-24 170036