Style not considered in picture element card

Configuration
1

I am using the code below to style an element on a picture-elements card
The first part of the code is properly considered but not the top, left, font and width.

            style: |
              ha-card {
                --card-background-color: 'transparent'
              }
            top: 11%
            left: 10%
            width: 500px
            font-size: 8

The weather card has the transparent background but does not position itself accordingly at the top left.

image
image1100×1283 238 KB

Any help is appreciated
Erik

2

I believe top and left need to be indented. My picture elements styles look like this:

style:
  top: 54.6%
  left: 81.4%
  "--paper-item-icon-color": chartreuse