Basic HTML and CSS using FlexBox to arrange components

Hi there, my first submission so not too sure what to expect. If there's anything I'd like feedback / comments on, is the way I'm using media query. Currently for mobile, I just set the width to a smaller width so my components don't overflow, but is there any way we can just have one css class for both layouts? And is my image fitting into the container suitable, I couldn't find a way to get object-fit to work. Gonna browse through solutions myself, and have a look at what everyone's done