Сделайте фоновое изображение отзывчивым

Я хочу сделать фоновое изображение отзывчивым как по ширине, так и по высоте, чтобы я мог запустить его на мобильном телефоне.

Я использовал это

.your_background_class_name {
    width: 100%;
    height:auto;
    top: 0px;
    left: 0px;
    z-index: -1;
    position: absolute;

}

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