Custom Slider / Input Range using vanilla CSS and JS

Hi!

I spent long time to create this component. I was expecting to complete the challenge faster. But at least I learnt so much.

I have question regarding to custom Input Range or Slider. Why the custom Input Range appear really good in firefox but bad at chrome ? Ohh and how to add image on slider node on chrome?

Also I want to know how to study more about each property browser support. Like -webkit -moz etc. You guys have some advice? Let me know!

Thats all from me, thank you for reading. Any feedback is welcome!