Как разместить текст с цветом фона на картинке?

Question

Я пытаюсь разместить текст с коричневым фоновым цветом на картинке, но он всегда появляется под картинкой.Я помещаю и изображение, и текст в один и тот же блок, но все еще ничего

https://jsfiddle.net/Gsimelus92/5xp3sr96/

<section class="part-a">
   <div class="container">
      <img src="pizza.jpg" width="1550" height="1000" alt="pizza">
      <div class="container-text">
         <h1>Our Food</h1>
         <h2>Take a look</h2>
         <p>We do all naturel flavors and spices</p>
         <button>Show me the menu</button>
         <button>Boot a Table</button>
      </div>
   </div>
</section>

Answer 1

попробуйте с этим

.container-text{
    position: absolute;;
    background-color: #AA8A45;
    color:white;
    bottom:0;
    left:0;
}