Product Card w/ custom vars Flexbox Mobile First and Media Queries

I really like your comments! What do you think about the media queries? it can be more simple? I found a little tricky to make the image equal to the disegn mobile and desktop, but the object-fit and object-position helps me a lot! I split the product card in two, the image container and the text container. That way I can change the flebox atributte flex-direction from "column" to "row". I used bem style names, customs variables and mobile first aproach.