Images not resizing correctly.

I have seen the problem using the inspector
the problem is that you have added a fixed background with a cover background-size property, it will cover the entire screen width and distord the image
you must disable the fixed background (easy solution), or change your background in this way
background position : "center top" (instead of center center) >> usgin the x/y fields
background size : "100% auto" (instead of cover) >> using custom css in the styles : background-size: 100% auto;

Thank you for your expertise, that has resolved the problem viewed on tablets and looks great.
It has raised another issue when viewed on a small devices there is a larger white space between the banner and the article
Can this be reduced please and how?

you must use the custom css in responsive mode to use background-size:cover for small screens
or try to give another image for small screen with the resonsive mode (you can use different images for each resolution)