Image hovers too high over header - how can I change?

Site URL: https://www.zoedean.design/

Hey, I'm having issue with this layout and moving the hover image down so it doesn't overlap with the header. Does anyone know what CSS I need?

Also, is there a way to change the colour of the title when I hover over it? It's orange atm but I'd like it to be the background colour when I hover so it stands out more on the images.

Thanks!

On 7/21/2021 at 12:05 AM, zoersdn said:

Site URL: https://www.zoedean.design/

Hey, I'm having issue with this layout and moving the hover image down so it doesn't overlap with the header. Does anyone know what CSS I need?

 

Also, is there a way to change the colour of the title when I hover over it? It's orange atm but I'd like it to be the background colour when I hover so it stands out more on the images.

 

Thanks!

Do you need to fix these?

Site URL: https://www.zoedean.design/
1. (Tablet – Overlay menu) It is so difficult to see menu items and social icons

2. (Mobile – Overlay menu) The same here

3. (Tablet – Footer) Reduce space under social icons and email

4. (Tablet – About) Want to increase text width?

https://www.zoedean.design/about

5. (Tablet – Homepage) Reduce space