A css styling question Please

This is what I have and I’ve pretty much tried a lot of things but what I’m trying to do is make the entity picture bigger… it’s too small.
Here is the code and I’ve tried the traditional width/height things tried looking up mushroom card styling but cannot seem to figure this out…

Screenshot 2025-01-12 140024

- type: custom:mushroom-person-card
                name: John
                entity: person.john
                layout: vertical
                icon_type: entity-picture
                hide_name: true
                hide_state: true
                card_mod:
                  style:
                    mushroom-shape-avatar$: |
                      .picture {                                           
                      border-radius: 50%;
                      {% if states(config.entity) == 'home' %}
                        animation: pinggreen 6s infinite;
                      {% else %}
                        animation: pingred 6s infinite;
                      {% endif %}
                      }
                      @keyframes pinggreen {
                      0% {box-shadow: 0 0 5px 3px rgba(var(--rgb-green), 0.9);}
                      100% {box-shadow: 0 0 5px 15px transparent;}
                      }
                      @keyframes pingred {
                      0% {box-shadow: 0 0 5px 3px rgba(var(--rgb-red), 0.9);}
                      100% {box-shadow: 0 0 5px 15px transparent;}
                      }
                    .: |
                      ha-card {
                      height: 175px !important;
                      border: none !important;
                      background: none !important;
                      margin-left: -50px !important;
                      }

Thank you for any help or input!!