responsive article preview card using flexbox, scss and js

I'd really appreciate it if someone told me how to get the size of the image right ? it seems to be cropped in the design but I didn't know how to do that without making the picture in a div, i'm trying to make the html as semantic as I can so I didn't want to make the pic as a background of a dive,, any other stuff to point out are welcomed as well ^_^