Image called by css file not working in Heroku

Hi everybody,

I have a css file that replace the loading… message at the begining of the file for an image.

It works well in my local machine but the image is not showed in Heroku.

this is the css code:

/* Replace the loading... message */
._dash-loading {
  color: transparent;
  width: 0;
  height: 0;
  font-size: 2.5em;
  text-align: left;
}

._dash-loading::after {
  content: '';
  background-image: url("/assets/image4.jpg");
  background-repeat: no-repeat;
  float : left;
  display: block;
  width: 80rem;
  height: 50rem;
  color: black;
  margin-left: 25rem;
  margin-top: 0rem;
}

Also works using:

  background-image: url("image4.jpg");

The other images that I use in the layout of the app work fine in Heroku using:

html.Img( src=app.get_asset_url("Image2.jpg"),

Some help will be apreciated. :smiley:

Hi @chriddyp

Could you give me a hand with this issue.

Thanks in advance!!!