Активная прозрачность фоновой картинки

Здравствуйте, сегодня хотелось бы рассказать вам про интересный эффект активной прозрачности фоновой картинки, который создается с помощью использования псевдо-элемента before. Как он работает? Пока курсор мыши не наведен на блок с информацией – передний фон с планетой Юпитер полупрозрачный, когда же курсор наведен – прозрачности нет и передний фон хорошо виден. Как же его создать на своем сайте?