@keyframes slide1 {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes slide2 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

.shapes {
    height: 140px;
    transform: translateY(-50%);
    filter: invert(100%);
    pointer-events: none;
}

.shapes > img {
    padding: 0 2em 0 2em;
}

.nsection_gradient{
    background: linear-gradient(0deg, #004b78 0%, #003153 100%);
}

.anim1 {
    animation: slide1 320s linear infinite;
}

.anim2 {
    animation: slide2 320s linear infinite;
}

.mask-shapes {
    @media (min-width: 768px) {
        mask-image: linear-gradient(
                to right,
                hsl(0 0% 0% / 0),
                hsl(0 0% 0% / 1) 15%,
                hsl(0 0% 0% / 1) 85%,
                hsl(0 0% 0% / 0)
        );
    }
}