Css de bir divi başka bir divin pozisyonuna göre absolute verme

Anlatmak istediğim Şey çok karmaşık gelmiş olabilir farkındayım ancak istediğim şey mantıkta çok basit csse dökemedim
css'de bunu ayarlıyorum ancak farklı pixellerde bozulma ve kaymalar oluyor

@media (max-width: 767px) {
    .ustkisim {
        background: #7EA204;
        height: 250px;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .banner-image {
        position: absolute;
        right: 8rem;
        top: 6rem;
    }}

1500px


bu sorunu nasıl çözebilirim math gibi bi fonksiyon yok mu

<div class="row ustkisim">
    <div class="col-12 pad0 headertop"></div>
    <div class="container pad0">
      <div class="row">
        <div class="col-lg-9 col-sm-8 col-xs-7 ptb1">
            <img class="logo-image" src="logo.wepb"></img>
        </div>
            <div class="col-3 col-xs-4 banner-image">
                <a href="#"><img src="banner.webp" alt="Atam"></img></a>
            </div>
<div class="menu"></div>
      </div>
    </div>
   </div>

Dener misin?

@media (max-width: 767px) {
    .ustkisim {
        background: #7EA204;
        height: 250px;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .banner-image {
        position: absolute;
        right: 8rem;
        top: 6rem;
    }}

<div class="row ustkisim">
    <div class="col-12 pad0 headertop"></div>
    <div class="container pad0">
        <div class="row">
            <div class="col-lg-9 col-sm-8 col-xs-7 ptb1">
                <img class="logo-image" src="logo.wepb" alt="Logo">
            </div>
            <div class="col-3 col-xs-4 banner-image">
                <a href="#"><img src="banner.webp" alt="Atam"></a>
            </div>
            <div class="menu"></div>
        </div>
    </div>
</div>

Kapsayıcıya position: relative vererek yerleştirmeyi dene (yine left, right ile).
Yada calc() fonksiyonunu dene.

container classına göre hesaplatmam lazım ama bi türlü olmadı

@media (max-width: 767px) {
    .ustkisim {
        background: #7EA204;
        height: 250px;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .banner-image {
        position: absolute;
        right: 5%;
        top: 3%;
    }
}

yüzdeli değerleri denedim sonuç olumsız container classına göre hesaplamak gerekiyor ama onu beceremedim

container class'ına göre hesaplatacaksanız container div'inin bir altında olmalı ve container div'i position:relative olmalı

<div class="container">
<div style="position:absolute; left:0; top:0">
test
</div>
</div>

gibi

Teşekkür ederim sorun çözüldü
container classının oldğu dive id atayıp position relative verdim
diğer css ayarlamalarınıda yaptım şimdi sabit oldu