مشکل در بوتسترپ

سلام دوستان من میخام تو قسمت top سایت لوگو و شعار سایت رو کنار هم قرار بدم ولی خیلی فاصله ایجاد میکنه
میخام متن به عکس نزدیک تر باشه

  <section>
        <header class="header-main text-center">
                    <div class="col-lg-12">
                    <div class="row">
                      <div class="col-lg-2">
                        <a>
                            <img class="img-fluid" src="{{ asset('front/pics/hero_1.jpg')}}" alt="دنیای پردازش" width="130">
                        </a>
                         </div>
                         <div class="col-lg-4">
                              <b><p class="brandlogo pt-4">
                                شعار سایت .....
                             </p></b> 
                        </div>
                        </div>
                    </div>

        </header>
    </section>

خروجی به این شکل میده

به div دوم text-right دادم بهتر شد ولی تو حالت موبایل هم میچسبه به سمت راست