Hello,
1) First sorry for this issue. You can fix that by changing the HTML of SVG inside this section to:
<svg class="custom-svg-background-1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 537" data-appear-animation-svg="true">......</svg>
* Note data-appear-animation-svg="true".
2) The image on this section works as background-image and not like a <img> tag. The background image fill the entire section background. The SVG elements inside the section works as a “mask”, generating the curved effect in the background. This mean the SVG is over the background image, generating that background effect.
If you want to change the position of the background on mobile for example, you should do that trough the CSS code at “css/demos/demo-auto-services.scss”. See the .custom-svg-background-1 codes at line 87.
This is a very specific effect, so a documentation or ready classes to control it does not exist. The only way is changing the CSS, or modifying the SVG.
We hope this helps and clarify!
Please try that and let us know if you need further assistance.
Kind Regards,
Rodrigo.
If you are satisfied with EZY HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads