Scale map relatively to parent card (picture-elements example)

[earglass]

When combining with picture elements, map gets weird between devices. I can position it in the center using style top & left of picture-elements card but it scales differently if card changes size. Any ideas on how to achieve relative width & height to scale together with card?

I tried map_scale, min_height with ratio, cropping, nothing seems to show correctly on both web app and mobile - screens below.

• type: custom:valetudo-map-card
  entity: camera.map_data
  show_floor: false
  background_color: transparent
  rotate: 90
  min_height: 1.4144w
  map_scale: 2
  crop:
  top: 0
  bottom: 0
  left: 25
  right: -70
  segment_opacity: 0
  path_color: '#00FF00'
  path_opacity: 0.4
  wall_opacity: 1
  show_no_go_areas: false
  style:
  top: 50%
  left: 50%

[datmospro]

Looking for that too!!

[g0r3]

I'm here for that too.

It looks really weird if you either have to fit it on to your phone screen, but then it looks tiny on your computer screen. Or you fit it on to your computer screen and it will be cropped on the phone screen.