我有一個問題，有一個圖像被設置為背景，在頂部有另一個響應的圖像，但我應用了溢出隱藏，所以我不能再在div內放置文本，現在它在之外

問題是我不能讓文本有反應

你能給我一個建議嗎？

<div class="container">
            <div class="col-12 col-sm-12 col-md-12 bg-image rectangle-shadow mb-5">
                <h1 class="text-center text-white heading text-size">Evenimente Speciale</h1>
                <img src="images/shape.png"class="shape">
            </div>
            <div class="w-100">
                <p class="paragraph p-2 py-2 p-md-3 p-sm-2 px-md-4 rectangle-shadow w-75 text-size">Evenimentele speciale au nevoie de preparate culinare pe masur?.</p><br>
                <p class="paragraph1 p-2 p-md-3 p-sm-2 px-md-4 rectangle-shadow w-50 text-size">?n viziunea noastr? special nu ?nseamn? ?i scump.</p><br>
                <p class="paragraph2 p-2 p-md-3 px-sm-2 px-md-4 rectangle-shadow w-75 text-size">Ne-am propus s? transform?m ?nchirierea unui buc?tar ?ntr-un proces simplu ?i accesibil pentru cat mai multe persoane.</p>
            <div class="rectangle rectangle-shadow"></div>
            </div>
            <div class="bg-circle-middle rounded-circle d-inline"></div>
        <hr class="hr-column rectangle-shadow">
    </div>

.paragraph {
    display: inline-block;
    position: relative;
    bottom: -250px;
    left: -10px;
    margin-top: -300px;
}
.paragraph1 {
    display: inline-block;
    position: relative;
    bottom: -4px;
    left: 112px;
    
}
.paragraph2 {
    display: inline-block;
    position: relative;
    bottom: 15px;
    left: 112px;
    width: 85%;
   
}