Site not behaving on old Safari or old iPad

My site is not behaving as it should on Safari 10.1 (which is what my client is using), nor any browser on my iPad running iOS 10.3.3. There are 2 problems:

Some text headings that usually appear in the centre of these panels is showing up in the top left corner over the logo instead, and on hover the panels are out of alignment.

On hover it should look like this:

But for my client it looks like this (and also you can see the “about” text up in the logo):

A similar thing happens in another section further down. Panels should look like this:

But for my client it looks like this:

Anyone got any bright ideas for me?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Can you add your public link please?