tyzberd

в том, что для шрифта нет кириллицы

или так https://stackoverflow.com/questions/38746130/limit...
или несколько input при вводе в которые менять фокус на следующий используя js

если еще такой вариант https://jsfiddle.net/sdtL5sex/14/

тут у вас ошибка
background: url(..//img/header_bg.png); no-repeat center top;
после ; не пишется no-repeat center top;
думаю у вас картинка меньшего размера, добавьте ей
background-size: cover;

Нет. IE9+, иногда 10+

https://css-tricks.com/almanac/properties/o/object-fit/
и для старых браузеров https://github.com/bfred-it/object-fit-images

svg + transition + opacity
https://codepen.io/robertamesbury/full/ORLdWE

components идут с демо https://framework7.io/docs/accordion.html
https://material.io/guidelines/components/bottom-n...

можно так https://jsfiddle.net/tyzberd/9bpmr1v0/1/
или flex