E-commerce product page

[ Problem solved ] -> [ Hi, I'm not done yet with the challenge because I got myself in a very troubling situation which I just can't find a solution for it: The cart-card always appears behind the h1 title of the sneakers or behind the horizontal line (hr) below the top-banner; I tried "skipping" the hr issue by just moving the cart-card away from the hr line, but still no idea how to solve the former issue. Searching on google/stackoverflow gives me just a bunch of threads (like "inner div before outer div"), I tried applying some of their solutions but still no progress.

Is the HTML code structure fine? Can a solution be achieved by not changing it in its entirety, i.e. by working only on CSS (or JS)? Thanks a lot! I hope to get over this annoying problem soon. I'll be working on the other parts of the website in the meanwhile. ]