@media screen and (min-width:1190px) {
    .moving-mouse-holder {
        position: absolute;
        width: 100px;
        height: 50px;
        left: 50%;
        right: 50%;
        margin-top: -3%;
        z-index: 5;
        transform: translate(-50%, -50%);
    }
    .moving-mouse-holder .mouse {
        width: 26px;
        height: 40px;
        position: relative;
        right: 0;
        border-radius: 18px;
        border: 2px solid #ffffff;
    }
    .moving-mouse-holder .mouse-button {
        background-color: #ffffff;
        width: 4px;
        height: 10px;
        border-radius: 2px;
        position: absolute;
        top: 10px;
        left: 50%;
        margin: 0 0 0 -2px;
        animation: mouse-scroll 1s infinite alternate;
    }
    @keyframes mouse-scroll {
        to {
            transform: translate(0, 10px) scale(1.2, 0.3);
        }
    }
}

@media screen and (min-width:250px) and (max-width:1190px) {
    .moving-mouse-holder {
        position: absolute;
        width: 100px;
        height: 50px;
        left: 50%;
        right: 50%;
        margin-top: -6%;
        z-index: 5;
        transform: translate(-50%, -50%);
    }
    .moving-mouse-holder .mouse {
        width: 26px;
        height: 40px;
        position: relative;
        right: 0;
        border-radius: 18px;
        border: 2px solid #ffffff;
    }
    .moving-mouse-holder .mouse-button {
        background-color: #ffffff;
        width: 4px;
        height: 10px;
        border-radius: 2px;
        position: absolute;
        top: 10px;
        left: 50%;
        margin: 0 0 0 -2px;
        animation: mouse-scroll 1s infinite alternate;
    }
    @keyframes mouse-scroll {
        to {
            transform: translate(0, 10px) scale(1.2, 0.3);
        }
    }
}