.load-container {
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1000
}

.load-container .load {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%) scale(.5);
    width: 750px;
    height: 100%;
    background: url(/bg/bg-animation.png) no-repeat;
    /*animation: load 2.95s steps(43) 0s infinite forwards*/
}

@keyframes load {
    0% {
        background-position: 0
    }
    to {
        background-position: -16125px
    }
}

@media(min-width:1440px) {
    .load-container {
        position: relative;
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        z-index: 1000
    }
    .load-container .load {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        width: 750px;
        height: 100%;
        background: url(/bg/bg-animation.png) no-repeat;
        /*animation: load 2.95s steps(43) 0s infinite forwards*/
    }
    @keyframes load {
        0% {
            background-position: 0
        }
        to {
            background-position: -16125px
        }
    }
}