Как точки слайдера заменить на свою картинку в Тильда

<style>
button.t-slds__bullet_body {
    background-image: url(https://static.tildacdn.com/tild6137-6130-4836-b932-386161356566/Star_3_1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    background-color: transparent !important;
    filter: grayscale(1);
}

#allrecords .t-slds__bullet_active .t-slds__bullet_body {
    background-color: transparent !important;
    filter: grayscale(0);
}

#allrecords .t-slds__bullet:hover .t-slds__bullet_body {
    background-color: transparent !important;
    filter: grayscale(0);
}
</style>