Sizin dediğiniz gibi yaptım fakat yazı altta kaldı... z index ile vs oynadım ama üste alamadım yazıyı
bitane overlay diye div ac imajın üstüne position: absolute; bottom: 0; z-index: 9999; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%); olarak css ver. resim div'inede position: relative verirsen resmin dışına çıkmaz
.cl-card-img {
position:relative;
}.cl-card-img:before {
content: '';
width: 100%;
height:100%;
position:absolute;
background:#ddd;
left:0px;
top:0px;
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 43%);
}
teşekkür ederim, böyle de yazı altta kalıyor sanırım