Responsive coming soon page using Flexbox

Hi all, I would like to know if there's anything that can be improved (code readability, better practices, etc.).

Also, I was wondering if there's a way to make the picture "fold" when shrinking the window width, so that the text on the left doesn't touch the image when you're under a certain width. Basically, the image should stop moving to the left and star going like "under" the div on the left, disappearing below it. It's hard to put it into words, so I hope I was clear enough. I tried to look up a solution, but I haven't found anything. There should be a way to do it by making the picture a background image, but I was wondering if there's a way to do it by leaving it as it is.

Thank you in advance for any help or tips!