Meet landing page using HTML/CSS/Flexbox/Grid

Parts of this challenge that i found difficult and would love to hear alternative solutions / feedback on:

1. Hero section, images to left and right of the content, i used flexbox and margins for this, would it have been better to use absolute positioning?
2. Footer, background image and content in front of background image. For this i tried puttin the image in the html instead of using the css background property. However i then had to use absolute positioning on the footer content to display over the image, is this the proper way of implementing this?