Привет, я решил создать сайт, и довольно важным элементом дизайна есть полупрозрачный туман который расположен поверх всех элементов (он располагается поверх всех элементов при помощи z-index), на сайте есть также слайдеры, кнопки и поля для ввода данных и проблема заключается в том что пользователь никак не может с ними взаимодействовать по тому как самый верхний элемент это полупрозрачная картинка тумана занимающая весь экран. Напишите пожалуйста как взаимодействовать с элементами на сайте или игнорировать картинку тумана, потому как даже текст нельзя выделить.
P.S.картинка тумана по задумке должна быть поверх всей страницы