مشكلة عند اضافة طبقة سوداء

قم بإضافة z-index للنص :

.text-v {
  position: absolute;
  top: 20%;
  left: 20%;
  color: white;
  z-index: 3;
}

لمعالجة المشكلة قم بإعطاء الحاوية التي تحتوي على النص الخاصية z-index وهكذا سوف يظهر النص فوق الطبقة السوداء .

.text-v {
    position: absolute;
    top: 20%;
    left: 20%;
    color: white;
    z-index: 3;
}