Problem with picture-elements

Hello,

please excuse my bad english as always.

I need your help again.
I have a problem with the picture-elements card.
I created my card in portrait format on my smartphone. It looks great there. On the PC I then saw that everything was cut off at the bottom, as well as in landscape format on the smartphone. What can be the reason?

Wrong

Correct

type: picture-elements
style: |
  ha-card { height: 550px !important; }
elements:
  - type: state-label
    entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
    prefix: 'Akku '
    style:
      top: 20px
      left: 310px
      '--mdc-icon-size': 50px
      font-size: 20px
  - type: state-icon
    entity: switch.Heizung_Wohnbereich_party
    icon: mdi:play
    tap_action:
      action: toggle
    style:
      top: 54%
      left: 20%
      '--mdc-icon-size': 40px
  - type: state-icon
    entity: switch.Heizung_Wohnbereich_party
    icon: mdi:pause
    tap_action:
      action: toggle
    style:
      top: 54%
      left: 40%
      '--mdc-icon-size': 40px
  - type: state-icon
    entity: switch.Heizung_Wohnbereich_party
    icon: mdi:stop
    tap_action:
      action: toggle
    style:
      top: 54%
      left: 60%
      '--mdc-icon-size': 40px
  - type: state-icon
    entity: switch.Heizung_Wohnbereich_party
    icon: mdi:home
    tap_action:
      action: toggle
    style:
      top: 54%
      left: 80%
      '--mdc-icon-size': 40px
  - type: state-label
    entity: input_text.Geraete_Mobbie_status
    prefix: 'Status: '
    style:
      top: 46%
      left: 50%
      font-size: 25px
      font-weight: bold
  - type: custom:text-element
    text: Filter
    style:
      top: 64%
      left: 10%
      font-size: 15px
  - type: state-label
    entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
    style:
      top: 67%
      left: 11%
      '--mdc-icon-size': 50px
      font-size: 15px
  - type: custom:text-element
    text: Sensoren
    style:
      top: 64%
      left: 30%
      font-size: 15px
  - type: state-label
    entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
    style:
      top: 67%
      left: 31%
      '--mdc-icon-size': 50px
      font-size: 15px
  - type: custom:text-element
    text: Hauptbürste
    style:
      top: 64%
      left: 55%
      font-size: 15px
  - type: state-label
    entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
    style:
      top: 67%
      left: 55%
      '--mdc-icon-size': 50px
      font-size: 15px
  - type: custom:text-element
    text: Seitenbürste
    style:
      top: 64%
      left: 83%
      font-size: 15px
  - type: state-label
    entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
    style:
      top: 67%
      left: 83%
      '--mdc-icon-size': 50px
      font-size: 15px
  - type: custom:text-element
    text: '|'
    style:
      top: 65%
      left: 19%
      font-size: 35px
      color: grey
  - type: custom:text-element
    text: '|'
    style:
      top: 65%
      left: 41%
      font-size: 35px
      color: grey
  - type: custom:text-element
    text: '|'
    style:
      top: 65%
      left: 69%
      font-size: 35px
      color: grey
      font-weight: normal
  - type: custom:text-element
    text: '|'
    style:
      top: 68%
      left: 55%
      font-size: 35px
      color: grey
      transform: rotate(0.25turn) scale(1,10.2)
  - type: state-icon
    entity: switch.Heizung_Wohnbereich_party
    icon: mdi:history
    tap_action:
      action: toggle
    style:
      top: 73%
      left: 80%
      '--mdc-icon-size': 40px
  - type: state-icon
    entity: switch.Heizung_Wohnbereich_party
    icon: mdi:chart-line
    tap_action:
      action: toggle
    style:
      top: 73%
      left: 20%
      '--mdc-icon-size': 40px
  - type: state-icon
    entity: switch.VIS_Mobbie_show_map
    icon: mdi:map
    tap_action:
      action: toggle
    style:
      top: 73%
      left: 50%
      '--mdc-icon-size': 40px
  - type: custom:text-element
    text: '|'
    style:
      top: 73%
      left: 67%
      font-size: 35px
      color: grey
  - type: custom:text-element
    text: '|'
    style:
      top: 73%
      left: 34%
      font-size: 35px
      color: grey
  - type: custom:text-element
    text: '|'
    style:
      top: 76%
      left: 55%
      font-size: 35px
      color: grey
      transform: rotate(0.25turn) scale(1,10.2)
image: /cards/roborock.png

Check this, may be you will find some answers.