صورة الرأس تقفز - حل أفضل؟

أعتقد أن تخصيص صورة الرأس فوق شريط التنقل الرئيسي الذي أضعه يسبب نتائج سلبية في التخطيط مع جوجل.

لقد لاحظت أنها تقفز كثيرًا في الآونة الأخيرة أيضًا - أدرك أنني لم أنظر في هذا منذ أكثر من 3 سنوات لذلك قد تكون هناك طرق أفضل للقيام بذلك أو حتى مكون إضافي أكثر كفاءة يتعامل معه بشكل أفضل عبر منافذ عرض الأجهزة - هل لدى أي شخص رمز أو حل أفضل للتعامل مع صورة العلامة التجارية للرأس؟

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