.ribbon-bg-wrapper {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ribbon-bg-wrapper, .tint-layer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ribbon-bg-wrapper .ribbon-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.ribbon-component.bottom {
    bottom: 0;
    left: 0;
}

.ribbon-component {
    height: 110px;
    overflow: hidden;
    width: 100%;
}
@keyframes drift{
    0%{transform:translate(0)}to{transform:translate(-1600px)}
}
.ribbon-component .ribbon {
    background-image:url('/img/rainbow-template-forms.svg');
    filter: drop-shadow( 0px 0px 15px rgba(var(--brand-color-rgb), .7));
    animation: drift 90s linear infinite;
    background-repeat: repeat-x;
    background-size: 1600px 100%;
    height: 100%;
    width: 8000px;
    margin-top: 30px;
}