JavaFX / CSS: "-fx-background-radius: 10;"винты мой фон

Question

Я динамически создаю несколько VBox в моей игре, чтобы показать уменьшенную версию карты.Для этого я установил VBox-ы в качестве фона (Object Background).

При попытке стилизовать их в CSS это на самом деле работает правильно, но при попытке скруглить углы с помощью "-fx-background-radius: 10;"на самом деле он больше не показывает фон.

Я думаю, это как-то связано с тем, как я создаю фон:

public Background getBackground(Boolean isOwnCard, Card card) {
    String fileName = card.getCardType().toString();
    BackgroundSize bgs;

    if (isOwnCard) {
        bgs = new BackgroundSize(110, 50, false, false, false, false);
    } else {
        bgs = new BackgroundSize(75, 50, false, false, false, false);
    }

    BackgroundImage bgi = new BackgroundImage(new Image("file:client.Resources/Images/CardImageSmall/" + fileName + ".jpg"), BackgroundRepeat.NO_REPEAT, BackgroundRepeat.NO_REPEAT, BackgroundPosition.CENTER, bgs);
    Background bg = new Background(bgi);
    return bg;
}

С -fx-background-radius: 10; в CSS:

Без -fx-background-radius в CSS:

Есть ли возможность скруглить углы фона?У кого-нибудь была такая же проблема?

РЕДАКТИРОВАТЬ

Я пробовал с настройкой фона в CSS, но, к сожалению, фон все еще не хочет получать закругленные углы:

#CardImageSmallBrown{
    -fx-background-image: url('../../client.Resources/Images/CardImageSmall/BRAUN.jpg"');
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 10, 0, 0, 0);
    -fx-background-radius: 50px;
    -fx-border-radius: 50px;
    -fx-border-width: 5px;
    -fx-border-color: black;
    -fx-background-position: center;
}

Результат:

Как мне скруглить края фона??