Черный фон текста в главном изображении ⇐ CSS

[Anonymous]

Я пытался создать главное изображение с текстом, но за текстом виден фон. Мой текст белый, а сайт черный

#hero-header{ фоновое изображение: линейный градиент (rgba (0, 0, 0, 0,5), rgba (0, 0, 0, 0,5)), url («friends-cover2.jpg»); фоновая позиция: центр; размер фона: обложка; фоновый повтор: без повтора; высота: 66вх; маржа-верх: 25vh; положение: относительное; область сетки: hea; } .hero-header-text { выравнивание текста: по центру; позиция: абсолютная; верх: 50%; осталось: 50%; трансформировать: транслировать(-50%, -50%); белый цвет; цвет фона: прозрачный; ДОБРО ПОЖАЛОВАТЬ Добро пожаловать на фан-страницу «FRIENDS», где вы найдете путеводитель по сериям и интересные факты о сериале. Подробнее.

Я пробовал несколько вещей, но почему-то не получилось.