Как дать прозрачность блоку не затронув текст?
Вариант 1 - background-color: rgbabackground-color: rgba(r, g, b, a);
Первые три буквы расшифровываются как red, green, blue
Последняя - альфа-канал и задает прозрачность элемента.ПримерВариант 2 opacityПример
Смотря что у вас является задним фотон, картинка или обычный цвет. Если обычный цвет, то используйте rgba, например background-color: rgba(42, 48, 41, .5) // .5 - 50% прозрачность