Responsive product preview card

Hi coders,

I was having problems with a placement of the picture. I ended up using width/height: 100% and object-fit: cover, and I am not sure if this is the best practice. Also, I am not sure if using the <picture> element is the best here, or should I use a different method. I would like to ask you if my code/class names are somehow readable. Would you recommend me some best practices to make the css look cleaner? Thank you in advance!