The red background image is just a background image set in the header element.
The content e.g the phone, in the case of Awaken is Elementor added by way of a short code in the header element.
It really shouldn’t be no different to how you have your current site set-up.
Awaken is only using a 960px width image, which ‘works’ for that image.
I am more inclined to use a 1600px+ wide image for full width header background images.
SVG’s are scalable vector graphics which are creating using Adobe Illustrator or your chosen vector design tool. To use them in WordPress requires a plugin: