My header banner isn’t centred

Site URL: http://aychao.com

My header banner isn’t centred on some mobile devices—moto and samsung show only the left side (so basically all clouds with some doodles) while it’s supposed to have the photo centered.

I have the little white circle centred in the media section of the banner settings, is there somewhere else I need to tick centred or is there some code I can inject to fix the left issue?

Add to Design > Custom CSS

@media screen and (max-width:767px) {
body.homepage .Parallax-item:first-child img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
section#welcome {
    min-height: unset !important;
    height: 160px;
}
}