Froggyweb

Блин много не мало. Делаешь максимальное сжатие в jpg и ставишь его по центру на широких мониторах он будет расширяться на мелких обрезаться. На планшеты и мобилки желательно конечно отправлять меньше полотенце используя меди запросы

&levelClass Класс уровня меню. Например, если укажите «level», то будет «level1», «level2» и т.д.

transform skew
https://developer.mozilla.org/ru/docs/Web/CSS/tran...

нормальное поведение.
прямо как в ворде
вот про выравнивание инлайн элементов

Да любые табы которые поддерживают callback скрипт после перехода + слайдер, который инициализируется при смене табов. в примере owl карусель.
Можно обойтись и без табов. Смотря какой функционал нужен. Например переход по якорю с историей в браузере, аякс загрузка.....
как сделано в конкретном случае смотри webdesign-finder.com/dotdigital/wp-content/themes/... строка 439

https://codepen.io/anon/pen/RBGzNb

Slick принцип такой

Использовать слабо поддерживаемый object-fit
Делать паддинг родителю в процентах его высота должна быть 0. Детей располагать абсолютом
Либо js переводить img в бзкграунд и скрывать оригинал

у первого уровня overflow: hidden, абсолют не влияет не размеры блока

У меня по умодчанию
$c-brand
C-text
C-title
C-link
C-inverse
Ну и т д от желаний

что-то я не понимаю проблемы и причем здесь flexbox
https://codepen.io/anon/pen/ELqRjY

.container
margin: 40px 0 40px auto
background-color: red
width: 80%