.brand-flowing-lines {
    position: relative;
    overflow: hidden;
}

.brand-flowing-lines::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 40px,
        rgba(99, 220, 239, 0.4) 40px,
        rgba(99, 220, 239, 0.4) 80px
    );
    animation: flowLines_964f4f6a 10s linear infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes flowLines_964f4f6a {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(40px, -40px);
    }
}

.brand-flowing-lines > * {
    position: relative;
    z-index: 1;
}