Change header design

I know it might require custom work but can you provide guidance to have the header designed like this? See screenshot

Please try using some Gutenberg block collections. Also, if you’re familiar with CSS it may be possible with the default blocks, e.g. using the Cover block and customizations for making the search form vertical.