我不明白為什么我的文字沒有與圖像重疊。我看到圖像下方的文字。<div className="row location-row location nopadding justify-content-center">    <div className="col-md-4 location-padding">          <img className="img-thumbnail img-responsive" src={("./Components/Images/Pula.jpg")} />          <h2><span className="badge badge-warning">Pula</span></h2>    </div>    <div className="col-md-4 location-padding">        <img className="img-thumbnail img-responsive" src={("./Components/Images/Liznjan.jpg")} />         <h2><span className="badge badge-warning">Liznjan</span></h2>    </div></div>CSS.location-padding {    padding: 20px 20px;    position: relative;}.location-padding h2 {    position: absolute;    left: 10px;    top: 20px;}.location-row {    margin: 0% 12.5% 0% 12.5%;}我得到什么：