Não consigo carregar imagem no cache storage

Quando vou tentar fazer o carregamento da imagem pro cache storage, recebo as seguintes msgs de erro no console.

Failed to load http://image.cachorrogato.com.br/textimages/ieska/1%20CATS/gato-fofo.jpg: The 'Access-Control-Allow-Origin' header has a value 'http://www.cachorrogato.com.br' that is not equal to the supplied origin. Origin 'http://localhost:8080' is therefore not allowed access. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

e

localhost/:1 Uncaught (in promise) TypeError: Failed to fetch
Promise.then (async)
urlsImagens.forEach.url @ Mural.js:12
preparaCartao @ Mural.js:11
cartoesLocal.map.cartaoLocal @ Mural.js:35
pegaCartoesUsuario @ Mural.js:33
(anonymous) @ Mural.js:3
(anonymous) @ Mural.js:80

Já troquei a imagem para vê se podia ser a mesma, mas continuo a levar erro. Estou usando o http-server para o estudo da aula.

Segue também o método preparaCartao. Porém, aparentemente, ele também está correto:

function preparaCartao(cartao) {
        const urlsImagens = Cartao.pegaImagens(cartao)
        urlsImagens.forEach(url => {
            fetch(url).then(resposta => { 
                caches.open("ceep-imagens").then(cache => {
                    cache.put(url, resposta)
                })
            })
        })
        cartao.on("mudanca.**", salvarCartoes)
        cartao.on("remocao", ()=> {
            cartoes = cartoes.slice(0)
            cartoes.splice(cartoes.indexOf(cartao),1)
            salvarCartoes()
            render()
        })
    }

Alguém pode me ajudar?