Адаптивный дизайн логотипа CSS/HTML

Здравствуйте! Необходим код установки адаптивного логотипа CSS/HTML чтобы он не менял расположение в зависимости от разрешения экрана. Пытался установить логотип на сайт посредством блока div и стиля css соответственно, но не получается. Его нужно поставить поверх фонового хедера, изображения. Необходима фиксация, чтобы при изменении разрешения экрана, логотип оставался на том же месте, куда установлен и не съезжал.При этом его размер может уменьшаться или быть стандартным в зависимости от экрана. Помимо этого, пытался разрулить ситуацию с помощью @media screen и тега picture, для замены изображений согласно разрешению экрана. Сама тема WP полностью адаптивна, а логотип всё портит. В качестве примера, как устроен сайт, прилагаю схему