ID部分中的响应式图片

Question

我想要的图片是在手机上使用该页面时完全展示相同的图片。我不希望它是全尺寸或其他尺寸，我希望它看起来一样但变小。所以这就是我要使用的东西：

#showcase{
  min-height:400px;
  background:url('../img/showcase.jpg') no-repeat 0 -400px;
  text-align:center;
  color:#ffffff;
  
}

<section id="showcase">
      <div class="container">
        <h1>Digibox</h1>
        <p>Ditt digitala verktyg som tar hand om dina överföringar.</p>
      </div>
    </section>