Horizonal button card not loading images

[Daniel-dev22]

For any feature request you can open a new discussion here:
https://github.com/Clooos/Bubble-Card/discussions/categories/feature-requests

For any question you can open a new discussion here:
https://github.com/Clooos/Bubble-Card/discussions/categories/q-a

Describe the bug
A clear and concise description of what the bug is.

I tried to follow the readme for using background images on a horizontal button. My path is correct I triple checked that and I use the same path for mushroom card images with no issues.

Am I doing something wrong?

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

A background image to appear for each sub button

Screenshots
If applicable, add screenshots to help explain your problem.

YAML
If applicable, add any relevant YAML code.

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: horizontal-buttons-stack
    1_link: "#ansible_traefik_routers"
    1_name: Traefik Routers
    styles: |-
      .bubble-sub-button-1 {
        background-image: url("/local/icons/custom_icons/traefik_proxy.png");
        background-size: cover;
      }
      .bubble-sub-button-2 {
        background-image: url("/local/icons/custom_icons/traefik_proxy.png");
        background-size: cover;
      }
    hide_gradient: true
    2_name: Traefik Entrypoints
    2_link: "#ansible"

Informations (please complete the following information):

• OS: [e.g. iOS]
• Browser/App: [e.g. chrome, safari]
• Bubble Card version: [e.g. 2.0.4]
• Home Assistant version: [e.g. 2024.6.4]

Additional context
Add any other context about the problem here.

Thank you! 🍻

[MrBearPresident]

@Daniel-dev22
Did you already solve this?

[Daniel-dev22]

@Daniel-dev22
Did you already solve this?

I did not

[MrBearPresident]

This works for me:

type: custom:bubble-card
card_type: horizontal-buttons-stack
1_link: "#top"
1_icon: no-icon
2_link: "#bottom"
2_icon: no-icon
styles: |-
  .bubble-button .bubble-background-color{
    display: block !important;    
    background-size: cover;   
    width: 50px;
  }

  .bubble-button-1 .bubble-background-color{
    background-image: url("https://community.home-assistant.io/user_avatar/community.home-assistant.io/mrbearpresident/48/585054_2.png") !important;
  }

  .bubble-button-2 .bubble-background-color{
    background-image: url("https://avatars.githubusercontent.com/u/47092714?s=64&v=4") !important;
  }

  .bubble-background{
    display: none !important;
  }

---

^{If this solves your issue, please mark this as solved and close it.}