My first Frontend challenge

Hello guys, this is my first challenge on Frontend Mentor after learning HTML and CSS for few months, I would like to ask you about the usage of the HTML <picture> that I want to use to specify "img" for phone and desktop but I failed. Also, I'm confused about the usage of "px" or "vw & vh" to specify the height and the width of the card. My last question is about the "overflow: hidden" that I used to make the border of the picture round but on the other hand its affect the text that disappears once reaching the max-width of its parent. I'll be grateful for any advice or remark from you guys, I'm waiting for your feedback.