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! 🍻