Suggestions on product landing page

I have cleared all the required parameter to pass this test but some content on this page is overlapping. Can you help me fix that and also there are some issues with its responsive design? Please help me fix these error and explain a bit why content is overlapping. Thanks in advance!!!

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

@croy4744, to help you see how you have your elements arranged temporarily add the following at the beginning of your CSS

* {
  border: solid 1px red;
}