Size and position of images in picture-elements card

I have a picture-elements card and would like to absolutely position and scale an image (the arrow) in that card. I know how to position the image but unfortunately the position varies a bit :
That’s the part to position the image:

  - type: image
    entity: sensor.rheinpegel_trend
    state_image:
      '0': /local/images/konstant.png
      '1': /local/images/steigend.png
      '-1': /local/images/fallend.png
    style:
      top: 10%
      left: 10%

My idea is to position ans size the arrrow to fit on the clock.
Is there an option to put an image or text in the middle?

with transform you can scale the image, I believe it will help you

style:
  top: 54.5%
  left: 10.5%
  transform: 'scale(8,8)'

For positioning, just try different top and left values.

1 Like

Wasn’t aware of this option…

1 Like