CSS не решает проблему, так как он просто скрывает элемент, но он все ровно загружаетя на страницу и тратит на это время

вы просто не умеете его готовить
если изображение вы делаете не элементом img, а фоном на блоке, то на css влегкую 1 и 2 и т.д...
даже если сам элемент при этом в разметке останется, то он будет "пустой", а парсинг его браузером незаметен вообще
А вот если у вас на 10/100/100 кБ вложенного контента, то тут уже только на стороне сервера, либо генерировать динамически на стороне клиента
Хорошо бы видеть вашу разметки и css

Вас больше должно интересовать, какие протоколы поддерживает active directory (а версию развернутого у вас вы не озвучили), какие поддерживает клиентский комп и желаемый считыватель, как выдавать/регистрировать новых юзверей, как отзывать права ранее выданным и т.д. и много разных нюансов.
Например, если сравнивать со смарт-картами , лишаетесь такого бонуса, как блокировка сессии при извлечении смарт-карты, ибо трудно себе представить что кто-то будет держать палец на считывателе при работе.

Да и вообще, отпечатки пальцев та еще штука... По идее надо будет собрать разрешение сотрудников на обработку персональных данных, и много еще чего связанного с этим

чем токены/смарт-карты не угодили ? есть же бесконтактные

а к перемещаемым профилям не забудьте добавить "перенаправление папок"

если клиент в той же сети что и сервер, то можно (не знаю что такое flask)
если клиент и сервер в разных сетях - нет (но может только если браузер сам скажет, но с чего бы вдруг? да и бесполезен mac из чужой сети).

может виртуалку забомбить? в некоторых гипервизорах можно видеокарты пробрасывать
ну и вот тут что то есть