need that image take whole rightside and be responsive on mobile

<!-- AboutCompany section start --> <div class="section about-company" id="about"> <div class="container-fuild padding-upper"> <div class="row gx-4 align-items-center "> <div class="col-md-6 about-text d-flex justify-content-center"> <div class="working-section gap-1 flex-colum my-2"> <div class="title ">
</div> <!-- Description for Desktop (Hidden on mobile) --> <div class="description d-none d-lg-block">
</div> </div> </div> <div class="col-md-6 about-image"> <div class="image-container my-2"> <img class="img-fluid about-company-img" src="assets/image/Company.png" alt="AboutUsImage"> </div> </div> </div> <!-- Description for Mobile (Hidden on desktop) --> <div class="col-12 d-block d-lg-none"> <div class="description my-2"> <p class="description-text mt-1 mb-2 card-text "> CleverCow was an idea born from the leaders at DIT AgTech. DIT AgTech has created the
agriculture industry. It is this tech, we are producing and providing to farmers as part of the CleverCow project. ​ </p> <a href="appointment.html" target="_blank" class="btn btn-main-2 btn-icon btn-round-full"> LEARN MORE <i class="bx bxs-right-arrow-circle"></i> </a> </div> </div> </div> </div> need help to make that image take right side