State-badge placement on a picture element?

Configuration Frontend
1

I am fairly new to HA - love it so far though.
I am designing a floor plan layout to show the location of all my bulbs and other items.
I have a Tempest Weather flow for local weather data. I have that integrated no problem; however, I am trying to have some of the weather data display on the picture element.
I am using the following code:

type: picture-elements
image: /local/HouseFloorPlan1.png
elements:
- type: state-badge
    entity: sensor.smartweather_temperature
    style: null
    top: 12%
    left: 32%
    font-size: 17px

No matter what numbers I put in for the “top” and “left” percentage the badge appears in the extreme bottom left corner.
I have no problem placing state-icons using this method.
What am I overlooking?
Thank you.

2

I withdraw the question, I figured it out.
feel free to laugh, - it was all in the missing spaces on the indent in front of top, left, and font-size.
Thank you.

3

https://www.home-assistant.io/lovelace/badges/an option for stat-badge

  - type: state-label
    style:
      top: 84%
      left: 50%
      box-shadow: none
      background-color: transparent
    entity: sensor.wf_temperature
    prefix: 'Max (yesterday): '
    attribute: max_day
    title: null

You have ‘Entity’ as a sub under ‘type’, it should be on the same level. See example above. I also have a Tempest.