#footer {
    background: #000;
    width: 100%;
    padding: 20px 25%;
    animation: fillDeadSpace linear;
    animation-timeline: view();
    animation-range: 0% 90%;
}

@media (max-width: 2048px) {

    #footer {
        padding: 20px 25%;
    }
}

@media (max-width: 1600px) {

    #footer {
        padding: 20px 20%;
    }
}

@media (max-width: 1024px) {

    #footer {
        padding: 2%;
    }
}