How can I change the Judge.me star icon to a PNG file?

Store Design
1

Hello,

I am trying to change the judge.me star icons to saved files (PNGs). Tried using this code, but it did not work:

.product-app .jdgm-prev-badge__stars .jdgm--on { background-image: url("{{ 'Ryno-on-rect.png' | file_img_url: '50x' }}"); background-size: cover; }
.product-app .jdgm-prev-badge__stars .jdgm--off { background-image: url("{{ 'Ryno-off-rect.png' | file_img_url: '50x' }}"); background-size: contain; }
.product-app .jdgm-prev-badge__stars .jdgm--half { background-image: url("{{ 'Ryno-half-rect.png' | file_img_url: '50x' }}"); background-size: contain; }
.product-app .jdgm-prev-badge__stars .jdgm-star:last-of-type { padding-right: 4px !important; } 
.product-app .jdgm-prev-badge__stars .jdgm-star::before { opacity: 0; }

Thanks