Responsive Meet Landing Page with Flexbox

Hello everyone! 👋

What do you think of my solution for this challenge? I tried to make it as responsive as possible for different screen widths, zoom and browser font size.

A problem that I encountered and couldn't solve was to increase de width size for the top hero image for mobile and tablet so that it fits the design. Whenever I increase its width, the whole container's width would grow with it. I tried using position absolute to the image but that didn't work 100%. It solves the problem with the container growing with the image but it makes the image overlap with the text. Any ideas about achieving this?

Any other suggestions or improvements you can think of, I would love your feedback to learn and improve.

Thanks! 😊