Banner images displaying differently on mobile between index pages and non-index pages

Site URL: https://www.gcmeditation.com.au/home

Hello,

I'm having an issue i can't seem to find an answer to anywhere regarding the display of banner images on mobile.

The website is made up of 3 index pages:

1. https://www.gcmeditation.com.au/home
2. https://www.gcmeditation.com.au/about
3. https://www.gcmeditation.com.au/meditation

(the banner images on these pages are set in a nested page within the index - not at the level higher within the top level index)

and 3 non index pages:

1. https://www.gcmeditation.com.au/holistic-counselling
2. https://www.gcmeditation.com.au/yoga-breath
3. https://www.gcmeditation.com.au/contact

On the desktop version, all images are displaying correctly as i would like. However on the mobile version, there is a difference in the way they display between the index pages and the non index pages. For the index pages, they are zooming in and cutting off part of the image and my client is happy with this way of displaying and this is what i'm used to as well. But for mobile, it is displaying the whole image.

Is there a way to display the NON-INDEX pages in the same way as the INDEX pages (or the other way round) so that they're all consistent? I'm happy with either way of displaying so long as they are all consistent.

Many thanks in advance for any help you can offer!! 

Do you still need help on this?