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.