State-icon size proportional to card (or screen)?

Configuration Frontend
1

Is there a way to configure state-icon with a proportional size to the card ?
on phone I see:
image
on pc I see:

image
image2067×1081 289 KB

as you can see icons do not stay proportional…

I have searched in the forum and doc but did not find any clue.

some were refering to transform: scale , but that is not proportional, it just increases the size, so when It’s good on pc, it’s too big on phone…

type: picture-elements
image: /local/salon.png
elements:
  - type: state-icon
    entity: climate.seche_serviettes_ami
    style:
      top: 10%
      left: 18%

Thanks

2 Likes
2

hi, i have this problem too.
i try set style: width: 50% - and this not worked

style: transform: scale(0.5,0.5) - worked, but it not proportional for diferent devices