NFT Preview Card Component using HTML and CSS.

Hello all. My square dice on the NFT Preview Card Component project is just not scaling. When I increase the length of the image it gets narrower. When I increase the width it gets nice and like its normal shape but then the width exceeds the length which is not what I want. I want the length to exceed the width and right now the dixe is much narrower than it should be Any advice here? Thanks very much. Also how can I make this image responsive? It is already in column view for smaller phones. Should I make it row view for larger devices? I cannot get a hover state for the large image. I tried putting it in a div. I did the pseudo hover to it but it will not change color on hover. I would really appreciate your feedback on this.