Şuradaki Yazıları z-index İle Üste Çıkaramadım, Neden Acaba?

Aşağıdaki bağlantıdaki sayfada "Cins Özellikleri" diye bir tablo var ve mobil'de metinler pembe alanın arkasında kalıyor. z-index ile de üstüne getiremiyorum, nerede yanlış yapıyorum acaba?

İlgili sayfa: https://miyavliyo.com/kopek-cinsleri/shiba-inu/

hocam oradaki text kısmını bir etiketin içine alıp deneyebilirsin.

Merhaba,

textler tag içersinde değil, öncelikle spesifik bir id tanımlayın özel bir class olmadığı için üst div de, ardından bu id üzerinden Css niteliği ekleyin, position: absolute değeri vermeyi deneyebilirsiniz ekstra olarak.

Edit:

@media (max-width: 767px) {
.col-sm-4.mb-2 { position: relative; }
.card-body span { right: 10px !important; }
}

Şu sitede bana ait, burada yapabilmiştim şimdi bu sitede yapamıyorum. Daha fazla html açmak istemiyorum bu işlem için zira bir şekilde olduğunu biliyorum.

Site: https://kedicinsi.com/bombay-kedisi/

Sadece position:relative vererek span içerisindeki sayının position değerlerini yeniden ayarlayın

.change-card-list .progress {
position: relative;
z-index: -1;
}