Оно вообще не должно обрезаться. Замените на contain.
Но если прямо по сути вопроса, то хорошо бы изучить простейшее свойство background. Вообще в любом справочнике и посмотреть из каких частей оно состоит.
В данном случае нужно background-position
Владимир Коротенко, дело в том, что мои аргументы основаны на спеке. А ваши ни на чем. Более того, вы путаете теги и атрибуты.
Поэтому, мы не будем продолжать дискуссию. Тем более, что, вероятнее всего, вы продолжите делать формы дивами и мы тут со своей спекой ничего не изменим.
Но автор вопроса поддержку получил и этого достаточно.
Overlord934, Вообще, то, что нарисовано - это логотип.
Его можно вставить и в стили, потому что уже есть лого в шапке.
Можно и как img. От читалок, скорее всё таки скрыть, опять таки и потому что уже есть в хедере и потому что вы хотите к нему норм текст.
Если к этому ещё нужен и текст, то visually-hidden в помощь (легко гуглится). Например, для h1.
Владимир Коротенко, а вы без картинки? Какой контейнер? Все картинки там фон. Стилизовать не будете? "Само прилетит?"
Какую обвязку, чтобы это работало? О чем вы вообще? Это работает из коробки форм.
Инпут и лейбл с двумя спанами. Это говнокод? Я, пожалуй, пойду отсюда.
Мне мешает сумма написанных слов: div + aria (role) + tabindex и вот это всё или один нормальный семантический тег.
Другое дело, что мешает использовать семантику при вашем подходе...
Другой вопрос, что дешевле или целесообразнее (спрашивать нужно не у нас, а у клиента).
Конечно в лендинге на joomla слишком много файлов для лендинга. Но судя по ссылке, которую вы дали в комментариях, это всё таки не лендинг.