Блин много не мало. Делаешь максимальное сжатие в jpg и ставишь его по центру на широких мониторах он будет расширяться на мелких обрезаться. На планшеты и мобилки желательно конечно отправлять меньше полотенце используя меди запросы
Да любые табы которые поддерживают callback скрипт после перехода + слайдер, который инициализируется при смене табов. в примере owl карусель.
Можно обойтись и без табов. Смотря какой функционал нужен. Например переход по якорю с историей в браузере, аякс загрузка.....
как сделано в конкретном случае смотри webdesign-finder.com/dotdigital/wp-content/themes/... строка 439
Использовать слабо поддерживаемый object-fit
Делать паддинг родителю в процентах его высота должна быть 0. Детей располагать абсолютом
Либо js переводить img в бзкграунд и скрывать оригинал
Bootstrap вставляет костыль с дивом 100% и 0 высотой. Бэк ту div class="clearfix" :)
Как вариант предыдущему диву дать маргин.паддинг оставшегося места