background image not showing up because there's something wrong with my CSS background

my regular css

background: linear-gradient( to bottom, rgba(221, 15, 0, 0.397), rgba(24, 0, 0, 0.384) ), url('./img/hot.svg');

when inspecting hot.svg has a random number in it

background: linear-gradient( to bottom, rgba(221, 15, 0, 0.397), rgba(24, 0, 0, 0.384) ), url(/static/media/hot.6aea5233.svg);

this is a css file under React so I'm not sure if it's related to react.