表示させている写真を少し黒っぽくしたかったり、すでに背景を指定している要素を黒っぽくしたかったりする場合の方法になります。

※あらかじめ対象のタグに#photoを加えておいてください。

※透過度等は各々で調整が必要です。

#photo {
    position: relative;
    opacity: 0.7;
    &::before{
        background-color: rgba(0,0,0,0.2);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: ' ';
    }
}