Card-mod entity picture border-radius

[Franky1866]

Hi there, what is wrong. I want make the entity picture like a box with border radius, not like a circle.
Many thanks in advance. Frank

type: custom:mushroom-entity-card
entity: person.leonie
icon_type: entity-picture
card_mod:
  style:
    mushroom-state-info$: |
      .container {
        --card-primary-color: 
          {% if is_state("person.leonie", "home") %} 
            black
          {% else %} 
            white
          {% endif %};
        --card-secondary-color: 
          {% if is_state("person.leonie", "home") %} 
            #7A889B
          {% else %} 
            #A6AFBD
          {% endif %};
        --card-primary-font-size: 15px;
        --card-secondary-font-size: 15px;
        --card-primary-font-weight: 500;
        --card-secondary-font-weight: 500;
        gap: 4px;
      }
    mushroom-shape-avatar$: |
      .picture {
        border-top-left-radius: 6px !important;
      }
    .: |
      ha-card { 
        background-color: 
          {% if is_state("person.leonie", "home") %} 
            #F5F5F5
          {% else %} 
            #1B3C56
          {% endif %};
       }

[LiQuid_cOOled (Not really a...)]

I’m fairly certain the image you are trying to make square is already cropped to a circle. This most likely occurs occurred when you set up your profile.

When a border is added

You could color the background pink and it would look square

mushroom-shape-avatar$: |
      .container {
        background-color: pink;
        border: 1px pink solid;
      }