В свежих версиях ноды, export default \ import по прежнему не работают без танцев.
Если хочешь писать в этом стиле, то тебе понадобится транспилятор. билдеры webpack, parcel.
Если без плясок, то module.exports \ require это единственное что будет работать как следует.
да, можно анализировать свойство window.devicePixelRatio и если оно = 2 то переписывать мету вьюпорта например вот так
width=device-width, maximum-scale=1, initial-scale=.5, minimum-scale=.5, user-scalable=no
дивы с контентом пойдут последовательно, просто у трапеций див с классом где фон такая трапеция. Если требуется динамическая высота блока с трапецией то делаете div с заливкой белым а для косых углов используйте псевдоэлементы :before :after с небольшим смещением. однажды сделав такой блок потом где угодно его примените. и адаптивность удобно делать в этом случае. для before и after придется вырезать отдельно скосы.
id рабочей группы = 1 (к ней приписываем сколько угодно работников).
при выборке делаете join двух таблиц с условием WHERE id = 1 и получаете список работников этой группы
