Store CSS array of URLs in JSON

Question

Hello is there a way in which I can store the following css "array" of URLs in a JSON file and somehow link it to the CSS?

Need be changing the URLS dynamically.

.c-footer .c-footer__back-to-top,
.c-footer .c-footer__back-to-top.-sprite-1 {
    background-image: url("@{static-root}/assets/innocent/footer-sprite-rocket.png");
}

.c-footer .c-footer__back-to-top.-sprite-2 {
    background-image: url("@{static-root}/assets/innocent/footer-sprite-balloon.png");
}

.c-footer .c-footer__back-to-top.-sprite-3 {
    background-image: url("@{static-root}/assets/innocent/footer-sprite-boing.png");
}


.c-footer .c-footer__back-to-top.-sprite-4 {
    background-image: url("@{static-root}/assets/innocent/footer-sprite-pogo.png");
}

///

.c-footer {
    padding-top: 18.75rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    color: #fff;
    font-family: innocent demi;
    font-weight: 400;
    background: #fff
}

.c-footer .o-wave {
    z-index: 2
}



.c-footer .c-footer__back-to-top {
    width: 200px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translate(-50%)
}

.c-footer .c-footer__back-to-top,
.c-footer .c-footer__back-to-top.-sprite-1 {
    background-image: url("@{static-root}/assets/innocent/footer-sprite-rocket.png");
}

.c-footer .c-footer__back-to-top.-sprite-2 {
    background-image: url("@{static-root}/assets/innocent/footer-sprite-balloon.png");
}

.c-footer .c-footer__back-to-top.-sprite-3 {
    background-image: url("@{static-root}/assets/innocent/footer-sprite-boing.png");
}


.c-footer .c-footer__back-to-top.-sprite-4 {
    background-image: url("@{static-root}/assets/innocent/footer-sprite-pogo.png");
}

///

  <footer class="c-footer">
            
                <a href="#" class="c-footer__back-to-top js-footer-back-to-top"></a>
              
            </footer>