Отзывчивый вопрос со вторичным логотипом – не придерживаться позиции

Я изменил файл header.php и CSS, чтобы получить второй логотип, работающий на моей странице здесь: dev.dutil.com/optilink-testpage

Справа – логотип OptiLink. В полноэкранном режиме, я понял, где это должно быть с этим CSS:

.secondLogo { padding-top:15px; display:block; margin-bottom:-30px; width:110px; height:75px; float:right; position: absolute; top: 0; right:12%; z-index: 1000; } 

Однако, с отзывчивым дизайном, он не работает полностью. Когда я разрушаю окно, он будет сильно заходить, а затем привязывается к тому, где находится изображение большого героя, но это непоследовательно. Я также попытался создать правило экрана мультимедиа, но у меня есть проблемы так или иначе.

В принципе, логотип OptiLink справа должен придерживаться края изображения контейнера / героя, такого как логотип утилиты Dalton, независимо от размера экрана. Любые советы о том, как лучше достичь этого?

Solutions Collecting From Web of "Отзывчивый вопрос со вторичным логотипом – не придерживаться позиции"