html部分背景图片切换

Question

在练习我的html和css技能的同时，制作随机的东西，尽管停留在使图像切换到某个部分的过程中，例如每5秒钟图像会换成其他图像。

这是该部分的html和CSS（如果在这种情况下很重要）

HTMLS：

<section id="showcase">
  <div class="container">
    <h1></h1>
    <p></p>
  </div>
</section>`

CSS：

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

 #showcase h1{
 margin-top:100px;
 font-size:55px;
 margin-bottom:10px;
 }

 #showcase p{
 font-size:20px;
 }

P.S试图使它尽可能地响应