Responsive fylo data storage component

I learned a lot from this challenge. It was surprisingly challenging. I found styling the range input HTML element the hardest in the challenge. I need help styling the range slider. I have added the gradient to it, but the gradient stretches the whole length of the slider instead of the supposed limit of the slider.

I also need help with making the pointy end of the white card in the desktop layout.