Как наложить цвет на картинку CSS

Для наложения цвета на картинку в CSS можно использовать свойство background с указанием цвета и пути к картинке. Например:

<div class="image"></div>

.image {
  background: url('path/to/image.jpg') no-repeat center center;
  background-color: rgba(255, 255, 255, 0.5); /* прозрачный белый цвет */
  width: 500px;
  height: 500px;
}

В данном примере на картинку будет наложен прозрачный белый цвет с помощью свойства background-color. При этом картинка будет отображаться в центре блока с помощью свойств background-position и center center.