Images are not lining up along with their headings

hi there we are having trouble with our images and the text placed next to them not lining up properly.

Website is https://www.toowoombatykes.com.au please view the following pages
– things to do – kid friendly eaterys
– things to do – inside fun

it is every single page that has that type of image and text next to it.
We do not want the gaps between the images to be that big. Its not so bad on the desk top but mobile view is really bad.

is there a way to fix this. If i try to make the gaps smaller they do become fine however when i do that the heading for each one then moves up and they start to overide each other

The page I need help with: [log in to see the link]