Изменение размера заголовка главной страницы на тему гестии (Elementor)

Я работаю над бесплатной темой Hestia с редактором Elementor, и у меня возникла проблема. Когда я начинал, я использовал фоновое изображение, которое отлично работало в стиле фоновой заливки темы. Однако клиент переключился на изображение баннера с уже заполненным контентом. Этот баннер требует, чтобы CSS переключился на contain Тип фона из-за малой высоты / полной ширины и полноэкранного дизайна заголовка.

Однако, когда я попытался добавить CSS, чтобы установить высоту, которая бы удерживала его, заголовки разбивались на всех последующих страницах. Я запросил и получил более квадратное изображение, но теперь у меня большие поля слева и справа. Есть ли способ, чтобы это правильно вписалось в эту тему? Я начал строить это в августе 2018 года, и это было постоянной проблемой.