Picture Elements style problem since v101.3

Configuration Frontend
1

EDIT: OK, so this is really weird…
I was changing my theme to see if that might have anything to do with the problem and a lot of my cards then decided not to have the right ‘background’ colour. Then a few changes back and forth with default theme and everything snapped into place including the markdown cards in my picture-elements.

Very, very strange indeed. Now I just want to know what the underlying issue is that I must have with themes. And yes I did countless hard refreshes and I’m using Chrome.

Anyone any ideas what was going on?

Original post follows here…

I use Picture elements a lot in my wall panel.

Since updating to v101.3 many of my styles don’t work anymore.
Have some variables had a name change?

This is an example config that worked in v100.x but now I can’t style anything using a variable
i.e. none of these work anymore:

          "--primary-text-color": "#FFFFFF"
          "--paper-card-background-color": "rgba(0, 0, 0, 0.0)"
          "--ha-card-box-shadow": none

  - type: picture-elements
    image: /local/panel/bottom_section.svg
    elements:

      - type: custom:hui-markdown-card
        content: >
          Underground Status
        style:
          top: 50%
          left: 30%
          width: 35%
          text-align: left
          font-family: Quicksand
          font-size: 22px
          "--primary-text-color": "#FFFFFF"
          "--paper-card-background-color": "rgba(0, 0, 0, 0.0)"
          "--ha-card-box-shadow": none

I don’t know if this a problem with the picture-elements card or the markdown card or what is going on to stop this working in v101.x

And I use card-mod by @thomasloven elsewhere but don’t see how I can include it here as style is already a ‘keyword’ for picture-elements.

2

I use this to accomplish some similar styles and it still works:

    style: |
      ha-card {
        box-shadow: none;
        --ha-card-background: 'rgba(0, 0, 0, 0)';
      }

Maybe you could adapt it?

I know next to zero about css and got most of that from trial and error and plagiarism.

3

I’ve been trying that for a good two hours today since upgrading to v101.3!!

Thanks, I have already tried countless variations on that theme but then it ignores things to position the element like:

          top: 50%
          left: 30%

But then I too ‘know next to zero about css’ so maybe I’m just doing something simple wrong like using the wrong keywords…