Настройка размера шапки

Добрый час.
В первые начал осваивать вордпресс и столкнулся с проблемой.
Не могу настроить правильный размер шапки в шаблоне [URL="https://wordpress.org/themes/chromenews/"]chromenews[/URL]
По умолчанию в style.css прописано так

.header-image-default .af-header-image.data-bg {
padding: 45px 0;

Получается на ПК вот так

[url=https://radikal.host/i/Xm3Kue][img]https://e.radikal.host/2023/04/26/PK1.md.jpg[/img][/url]

На мобиле вот так (все нормально)

[url=https://radikal.host/i/Xm3hVn][img]https://e.radikal.host/2023/04/26/MOB1.jpg[/img][/url]

Меняю в css вот так

.header-image-default .af-header-image.data-bg {
width: 100%;
height: 290px;
padding: 45px 10px;

Теперь на мобиле хрень

[url=https://radikal.host/i/Xm3rgB][img]https://e.radikal.host/2023/04/26/MOB2.jpg[/img][/url]

А на ПК нормально

[url=https://radikal.host/i/Xm3GmO][img]https://e.radikal.host/2023/04/26/PK2.md.jpg[/img][/url]

Как подчинить, чтоб там и там, было все нормально? Может как то размеры для мобил отдельно задать через media?

Извеняюсь, если что не так, заранее спасибо!