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

Question

[Sakhalinex]

Вот как она выглядит на ПК версии.
Вот как она выглядит на мобилке, т.е. она обрезается, как сделать, чтобы она уменьшалась пропорционально?
Вот мой код:

.intro {
    background: url(../img/main/background/Rectangle%201.png);
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

Answer 1

[Арсений Матыцин]

Пропорционально это:
background-size: contain;
Вот только то, как сейчас — это лучше, чем будет при отсутствии обрезки.