Header image jumping - a better solution?

I think the header image customisation above the main nav bar I have in place is causing negative layout scoring with google.

I have noticed it jumping a lot more lately too - I realise I have not looked at this in over 3 years so there may better ways to do this or even a more performant plugin that handles it more capability across device viewports - does anyone have a better code or solution to handling the header branding image?

#header-img {
   width: 100%;
   height: auto;
   align: center;