Как с помощью CSS произвести затемнение картинки?
наложить стиль на картинку.bg-fon {
    background-color:rgba(0,0,0,.3);
    height:100%;
    position:fixed;
    width:100%;
    top:0;
    left:0;
}
CSS фильтрами
https://html5book.ru/css3-filtry/
https://codepen.io/html5book/pen/WGQOGg
или сверху накладывать черный полупрозрачный div