@media (max-width: 1200px) {
    .arrowContainer {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 435px;
        right: 1%;
    }

    .arrow {
        position: relative;
        width: 20px;
        height: 20px;
        border-top: 5px solid #fff;
        border-left: 5px solid #fff;
        transform: rotate(-220deg);
        -webkit-animation: arrow-load linear 1.5s 10 forwards;
        animation: arrow-load linear 1.5s 10 forwards;
    }

    .arrow:nth-child(1) {
        left: 5px;
        animation-delay: -0.4s;
    }

    .arrow:nth-child(2) {
        animation-delay: -0.2s;
    }

    .arrow:nth-child(3) {
        right: 5px;
    }

    @keyframes arrow-load {
        0% {
            opacity: 0;
            transform: rotate(-220deg) translate(20px, 20px);
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            transform: rotate(-220deg) translate(20px, 20px);
        }
    }
}