I'm having a problem with html, because I need to add an image to the bottom of a container and I'm using bootstrap, I've already tried adding the class to a separate css, but it still does not work
.bg-back{
background-color: transparent;
background-image: url("./imagem/bg.jpg");
}
<main>
<section class="bg-back">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="container" align="center">
<div class="input-group col-lg-6">
<input type="text" class="form-control" placeholder="">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Pesquisar</button>
</span>
</div>
</div>
<br>
<br>
<br>
<br>
</section>
</main>