RESPONSIVE WEB DESIGNING HELP

Question

After completion of HTML/CSS/JS on sololearn, I decided to try my hands on responsive web design projects on freecodecamp.

I have created a product landing page which has passed all the parameters required by the course but it's got some problems which I couldn't solve.

Asking you all to offer your valuable suggestions that will

1. Solve this problem of overlapping and it will be better if you explain the reason and my mistakes as well.

2. Make this page really responsive.

Here is the link ---

https://codepen.io/croy4744/full/xxEVeej