Hello @mahraun,

The header image is used as the background image and it will be very difficult to adjust the whole image in responsive devices.

But still we have tried to manage to adjust the image and for this use below given CSS.

For this go to Admin Panel > Appearance > Customize > Additional CSS and pste below given CSS.

@media (max-width:520px){
#biography_child_page {
    	background-attachment: scroll;
	background-size: cover;
}
}

Here we have removed the parallax feature i.e the image will scroll.

Hope this helps.

Best Regards!!

Hello @mahraun,

You can try using the custom CSS also for the main site header in your Additional CSS for the same results for the front page banner as :

@media (max-width:520px){
#masthead {
    	background-attachment: scroll;
	background-size: cover;
}
}

Hope this Helps,

Best Regards !!

Hello @mahraun,

Glad we could help you .

If you have any issue further then please feel free to post .

We would also really appreciate if you could help us by rating our them by visiting the link given below:

https://wordpress.org/themes/biography/

Best Regards!!