Unresponsive image on Site origin hero

Hello,

Please could someone help me here, I am using site origin hero on my “welcome” page, just prior to entering my site. I used my logo as a background. The image at first was fine when viewed on my computer, but when viewed on IPAD or mobile phone, some part of the image was cut off. I made the image smaller with the hope that this will fix the problem, but this time aroud, it appears fine on my phone but still cutting off on IPAD and my computer screen. The image is not resizing properly when viewed on different devices (mobile, ipad & laptop)

Here is the link to my site

Lord Afrique Home Linking

Any help or suggestion will be appreciated

Cheers