Как затемнить background image в CSS

Вы можете использовать свойство background-color с прозрачным цветом и свойство opacity для затемнения фонового изображения. Например:

.background-image {
  background-image: url('your-image.jpg');
  background-color: rgba(0, 0, 0, 0.5); /* прозрачный черный цвет */
  opacity: 1; /* значение по умолчанию */
}

Здесь background-color устанавливает прозрачный черный цвет, который будет наложен на фоновое изображение. Значение opacity устанавливает прозрачность элемента, включая его фоновое изображение. Значение по умолчанию равно 1, что означает полную непрозрачность. Чем меньше значение opacity, тем более прозрачным станет элемент.