#room {
    background-image: url("../images/home.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio:  2.23;
}
@media (max-width: 640px) {
    #room {
        background-image: url("../images/home_640.webp");
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media (min-width: 641px) and (max-width: 1280px) {
    #room {
        background-image: url("../images/home_1280.webp");
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media (min-width: 1281px) and (max-width: 1920px) {
    #room {
        background-image: url("../images/home_1920.webp");
        background-repeat: no-repeat;
        background-size: contain;
    }
}

#footer {
    background-color: var(--main-bg-color);
}

#footer img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}

#footer .vr {
    background-color: var(--accent-color);
}