Markdown img background - card-mod?

Configuration Frontend
1

How can I integrate the background without losing the ha-card style?

immagine
immagine1026×928 40.9 KB

type: markdown
content: >
  <center><img width='50'
  src="https://www.freeiconspng.com/thumbs/logo-whatsapp-png/logo-whatsapp-png-free-vector-download-7.png"/></center>
card_mod:
      style: |
        ha-card { --ha-card-header-font-size: 20px;
        border-radius: 10px 10px 10px 10px;
        border-width: 1px; border-color: green; }
        ha-markdown:
          $: |
            img { 
              background-color:black;
            }
2

go to the main card-mod thread → 1st post → link at the bottom titled “fantastic post” → others → combining “.:” & “$:”

3

solved:

type: markdown
content: >
  <center><img width='50'
  src="https://www.freeiconspng.com/thumbs/logo-whatsapp-png/logo-whatsapp-png-free-vector-download-7.png"/></center>

card_mod:
      style: 
        ha-markdown:
          $: |
            img { 
              background-color:black;
            }
        .: |
         ha-card { --ha-card-header-font-size: 20px;
         border-radius: 10px 10px 10px 10px;
         border-width: 1px; border-color: green; }