.bgshape-3 {
    width: 75vw;
    /*z-index: -1;*/
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.bgshape-3-under {
    animation: bgshape-3-under-move 50s linear infinite;
    width: 75vw;
    scale: 1;
}

.bgshape-3-above {
    animation: bgshape-3-above-move 100s linear infinite;
    width: 50vw;
}


@keyframes bgshape-3-under-move {
    0%   { transform: scale(1); }
    25%   { transform: rotate(90deg) scale(1); }
    55%   { transform: rotate(180deg) scale(1); }
    75%   { transform: rotate(270deg) scale(1); }
    100%   { transform: rotate(360deg) scale(1); }
}

@keyframes bgshape-3-above-move {
    20%   { transform: rotate(-90deg); }
    50%   { transform: rotate(-180deg); }
    70%   { transform: rotate(-270deg); }
    90%   { transform: rotate(-360deg); }
}