Base Apparel Coming soon Page with Media Query and Flexbox

In the end, this project became quite challenging for me, due to its layout. It took me a lot of time to find out how to switch the order of the header logo and the hero image between the two layouts. Another challenging part was to position the arrow as submit button right next to the end of the input field.

I would be really grateful if you could review my code and let me know if there is any more professional solution for the switch of the content order between the layouts and for my issue with placing the arrow correctly.

Thank you for your help in advance.