Css Figure ya da resmin önüne karartma efekti yardım talebi

Merhabalar,

Aslında denedim ama bir türlü beceremedim resmin önüne, efekt koymak istiyorum bu konuda bana yardımcı olur musunız?


Yukarıdaki bende olan, aşağıdaki olmasını istediğim. Gördüğünüz üzere mavi bir katman var. Ben ekliyorum ama resmin altında kalıyor. Z-indexlere de baktım orada da sorun yok..

Background codu:

background: linear-gradient( -180deg , rgba(238,238,238,0) 0%, rgba(43,55,77,0.4) 51%, rgba(43,55,77,0.8) 100%);

hocam resim üstüne bir div oluşturup siyahlık verip opaklığını kısabilirsiniz veya before afterlar ile ayarlayabilirsiniz.

Merhaba dediğiniz gibi yaptım ancak değişiklik olmadı sanırım bunun ilacı <figure> kullanımı olacak.

@IlyadaMain;

aradığın ilaç ::before ::after resmin önüne gelmesi için ikisinide kullanabilirsin lakin mantık açısından ::after'ı tercih etmelisin.