Размеры превью обложки и аватара

Доброго времени суток!
При загрузке картинок на аватар или обложку, размеры превью зависят от исходного размера загружаемой картинки. Получается, если разрешение картинки больше разрешения экрана, то у превью появляется скроллинг. С телефона и вовсе получается слишком неудобно. Возможно ли форсить размеры превью под определенные размеры, зависящие от экрана (напр. 90% по ширине, и авто по высоте)?

Вот полное окно браузера при попытке загрузить картинку с разрешением 3072x736

Пробовал со многих браузеров. На вашем экране включен режим адаптивного дизайна, может быть в этом дело.
Попробуйте на тестируемом мной сайте, данные от кабинета высылаю вам в личку

Krystina сказал(а)
Попробуйте в style.css теме посмотреть есть ли параметр
img { vertical-align: bottom; max-width: 100%; height: auto; }

У меня тоже самое было!

Спасибо, помогло!
Однако в таком случае ломалась "вырезание" нужного квадрата картинки.
Решил проблему, задав стили только изображениям первого уровня, ибо далее шло изображение с вырезки
#rcl-preview > img, .jcrop-holder > img {
max-width: 100%;
height: auto;
}

И почему-то в моем шаблоне не обновляется изображение ни обложки, ни аватара. Только после очистки кэша (либо ctrl+f5). Я так понимаю, у меня какие-то проблемы с ajax-ом. На какие файлы стоит обратить внимание?

Разобрался. Дело в том, что id контейнера нельзя менять на свой, ибо к нему привязаны скрипты аплоадеров. Всем спасибо!