utilizei conceito de flexbox,boxmodel e responsividade

Hi Lucas, I took some time to look at your solution and you did a great job!

Also I have some tips for improving your code:

• img element must have an alt attribute, it's very important!
• to make it look as close to the design as possible set width: 100%; to .img-main class and remove height
• remove all margin from container class because with flex they are superfluous
• add flexbox align-items: center property to the main tag for center the card horizontally
• after, add min-height: 100vh to main tag because Flexbox aligns child items to the size of the parent container
• try to add a little transition on the element with hover effect

Overall you did well 😉

Hope this help and happy coding!