This question already has an answer here:
I have a div with variable height, this height is changed via javascript, I need to keep the image inside it always fixed in the footer.
$(document).ready(function(){
$("#btn1").click(function(){
$(".content").append("<br><br>Appended text</b>");
});
});<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"/><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script><div class="container-fluid" style="background:url('https://place-hold.it/2000x700');background-size:cover;"><div class="container"><div class="row"><div class="col-lg-8 col-8 content">
testestestestestestestestestestestestestestestestestes
testestestestestestestestestestestestestestes</div><div class="col-lg-4 col-4 slide_home_person" style=""><img src="https://place-hold.it/100x100/111/fff.png/000" class="slide_image_person" width="100%"></div> </div></div></div><button id="btn1">Append text</button>