.banner__img-wrap {
    display: grid
}
.banner__img-wrap .banner__img{
    background-color: #F6F6F6;
    background-image: var(--desktop-bg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    /*height: 575px;*/
    /*height: 772px;*/
    box-sizing: border-box;
    min-height: auto;
    aspect-ratio: 1920 / 772;
}
@media (max-width: 768px) {
    .banner__img-wrap .banner__img{
        background-image: var(--tablet-bg);
        /*height: 300px;*/
        min-height: auto;
        aspect-ratio: 768/449;
    }
}
@media (max-width: 420px) {
    .banner__img-wrap .banner__img{
        background-image: var(--mobile-bg);
        aspect-ratio: 420/380;
    }

}
/*
.banner .banner__img{
    background-color: #F6F6F6;
    background-image: var(--desktop-bg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    !*height: 575px;*!
    height: 772px;
    box-sizing: border-box;
    min-height: auto;
}
@media (max-width: 768px) {
    .banner .banner__img{
        background-image: var(--tablet-bg);
        height: 300px;
        min-height: auto;
    }
}
@media (max-width: 420px) {
    .banner .banner__img{
        background-image: var(--mobile-bg);
        height: 320px;
    }

}*/