Варианта 2
либо использовать шрифты у которых есть поддержка символов нужных языков
либо, в зависимости от языка, менять шрифт на другой с поддержкой нужных символов
Да любые табы которые поддерживают callback скрипт после перехода + слайдер, который инициализируется при смене табов. в примере owl карусель.
Можно обойтись и без табов. Смотря какой функционал нужен. Например переход по якорю с историей в браузере, аякс загрузка.....
как сделано в конкретном случае смотри webdesign-finder.com/dotdigital/wp-content/themes/... строка 439
Использовать слабо поддерживаемый object-fit
Делать паддинг родителю в процентах его высота должна быть 0. Детей располагать абсолютом
Либо js переводить img в бзкграунд и скрывать оригинал
Открой для себя классы
тег p точно плохо - у него семантика абзац li - вообще не валидный, это элемент списка..
вот пример https://codepen.io/anon/pen/eMRzyp