.root {
    margin-top: -1px;
    width: 100%;
    height: 405px;
}

.blue {
    background: linear-gradient(
        180deg,
        #000000 0%,
        #081D27 11%,
        #0E3041 22%,
        #13435B 33%,
        #195675 44%,
        #496E8D 56%,
        #7A87A6 67%,
        #A8A9C1 78%,
        #D3D4E0 89%,
        #FFFFFF 100%
    );
}

.gold {
    background: linear-gradient(
        180deg,
        #000000 0%,
        #7F7A47 40%,
        #FEF38E 70%,
        #FFFFFF 100%
    );
}

.orange {
    background: linear-gradient(
        180deg,
        #000000 0%,
        #6E4021 33%,
        #DF9B43 67%,
        #F6CC96 85%,
        #FFFFFF 100%
    );
}

@media screen and (width <= 768px) {
    .root{
        height: 240px;
    }
}