Product Preview Card using HTML and CSS

I really struggled on this. Something about my HTML layout made the elements in the main container feel like they weren't really "attached" to it: they would scale strangely with the size of the window instead. I made the desktop version a fixed size because I couldn't figure out how to get it to scale correctly. The mobile version is fine.

I feel like I changed far more under the @media query than necessary because of all the tweaking I tried to do to get things to scale nicely in desktop mode. I feel like there's probably a simpler way to do it that I'm missing, or just something wrong with the basic layout of my HTML.