в теории в css есть маски, но поддержка плохая. если смотреть на кроссбраузерное решение, то первое что на ум приходит, так это сделать 2 фона.
1) обычный фон (изображение)
2) картинка должна быть затемненной, но внутри логотип вырезан. тоесть уже заранее заготовленное отверстие в форме логотипа.
желтым позначил затемненный фон зеленым ту область которая должна быть прозрачной, там ничего не должно быть.