Unknown type encountered: picture-elements

HI Guys,

can anyone help me please?

i have a error in my ui.lovelace.ymal:

this one Only works fine:

  - title: Kamera
    panel: true
    icon: mdi:camera    
    path: Kamera
    cards:
      - type: picture-elements
        image: camera.mynas_haustur
        camera_image: camera.mynas_haustur
        camera_view: live
        style: |

          ha-card {

          margin: 1rem 0.5rem;

          -webkit-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.48);

          -moz-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.48);

          box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.48);

          padding: 0.5rem 1rem;

          font-size: 0.8rem;

          width: 50%;

          }
        elements:
          - type: icon
            icon: 'mdi:arrow-up'
            entity: camera.mynas_haustur
            style:
              background: 'rgba(255, 255, 255, 0.5)'
              right: 25px
              bottom: 25px

but when i insert this(my second camera):

          - type: picture-elements
            image: camera.mynas_eltern
            camera_image: camera.mynas_eltern
            camera_view: live
            elements:
              - type: icon
                icon: 'mdi:arrow-up'
                entity: camera.mynas_eltern
                style:
                  background: 'rgba(255, 255, 255, 0.5)'
                  right: 25px
                  bottom: 25px
                  width: 50%
                  top: 20%

i have this error: Unknown type encountered: picture-elements