:root {
    --dimension-ratio: 1;
}

@media (max-width: 1725px) {
    :root {
        --dimension-ratio: 0.8; 
    }
}

@media (max-width: 1435px) {
    :root {
        --dimension-ratio: 0.6; 
    }
}

@media (max-width: 1020px) {
    :root {
        --dimension-ratio: 0.5; 
    }
}

@media (max-width: 770px) {
    :root {
        --dimension-ratio: 0.4; 
    }
}

@media (max-width: 475px) {
    :root {
        --dimension-ratio: 0.3; 
    }
}

@media (max-width: 430px) {
    :root {
        --dimension-ratio: 0.2; 
    }
}

@media (max-width: 430px) {
    .container {
        margin-top: 72px !important; 
        min-height: 415px !important;
        width: 100% !important;
    }
}