页边距是运动图像而不是文本

Question

我正在尝试使用CSS将一些文本向下移动到图像上。但是，当我使用margin-top时，它将移动整个部分。这是我的代码。

#showcase{
      min-height: 400px;
      background: url('../images/showcase.JPG') no-repeat 0 -200px;
      text-align: center;
      color: white;
    }
    
    #showcase h1{
      margin-top: 10px;
      font-size: 60px;
      margin-bottom: 10px;
    }

 <section id="showcase">
      <div class="container">
        <h1>Mekong Restaurant Mullingar</h1>
      </div>
    </section>

    

我只想移动文本，而不是整个部分。我不了解这一点，因为我选择了展示厅h1。