Background keeps beeing transparant

[vunnies]

I have an issue where no matter what I try my background and the card in the vertical stack of my popup keeps shining true. I use the following code

`type: vertical-stack
cards:

• type: custom:bubble-card
  card_type: pop-up
  hash: "#trein"
  name: Spoordiensten
  bg_opacity: 100
  bg_blur: 90
  shadow_opacity: 50
  modules:
  • default
    icon: mdi:train
    styles: |
    .bubble-pop-up {
    background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
    }
• type: entities
  entities:
  • type: attribute
    entity: sensor.evatrein_naar_sittard
    attribute: departure_time_planned
    name: Vertrek
  • type: attribute
    entity: sensor.evatrein_naar_sittard
    attribute: arrival_time_planned
    name: Aankomst
  • type: attribute
    entity: sensor.evatrein_naar_sittard
    attribute: arrival_platform_actual
    name: Perron
    icon: mdi:signature-text
  • type: attribute
    entity: sensor.evatrein_naar_sittard
    attribute: next
    name: Volgende trein
    icon: mdi:skip-next
    state_color: false
    show_header_toggle: false
    title: Maastricht-Sittard
    card_mod:
    style: |
    ha-card {
    background: rgb(255, 172, 0, 100);
    color: blue;
    font-weight: bold;
    font-size: 20px;
    }
    view_layout:
    grid-area: bottoml
    `

Someone any idea

VIncent