کمک به طراحی یک بخش از سایت با css

سلام دوستان عزیز
من میخوام یک متن مطابق شکل زیر در روی عکس قرار بدم جزوه های زیادی خوندم برای حل این مشکل و اکثرا از z-indexگفتن ولی متوجه نشدم میشه کمک کنید چطور این متن با کادرشو در روی عکسم قرار بدم (بدون فتوشاپ و صرفا با کدنویسی css)
این عکس بخشی از صفحه سایته و قسمت بالای اونه .
مشکل من قرار دادن نحوه قرار دادن اون کادر مشکی و جمله brrrrr هست .
ممنون میشم قابل فهم ترین کد رو بیان کنید و کمکم کنید