.splash {
    height: 150px;
    position: relative;
    overflow: hidden;
}

.splash-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 96.5%;
    opacity: 0.9;
    z-index: 1;
}

.splash-overlay-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60vh;
    z-index: 2;
}

.gmt-8-time {
    padding-top: 10pt;
    padding-left: 90%;
    font-size: 15t;
    /* text-align: right; */
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .splash,
    .splash-overlay,
    .splash-overlay-2 {
        height: 150px;
    }
}

.splash-happy-fisher {
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}

.splash-my-color {
    background: rgb(253, 29, 29);
    background: linear-gradient(180deg, rgba(253, 29, 29, 1) 0%, rgba(252, 144, 60, 0.8827906162464986) 41%, rgba(252, 176, 69, 1) 100%);
}

.splash-fly-high {
    background-image: linear-gradient(to top, #466751 0%, #2d4234 100%);
}

.splash-sharp-blues {
    background-color: #0036C5;
}

.splash-light-blue {
    /* background-image: linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%); */
    background-color: #0036C5;
}

.splash-blue {
    background: rgb(246, 166, 187);
    background: linear-gradient(90deg, rgba(246, 166, 187, 1) 0%, rgba(213, 144, 168, 1) 49%, rgba(171, 115, 133, 1) 100%);
}

.splash-blue-gradient-top-down {
    background: rgb(246, 166, 187);
    background: linear-gradient(180deg, rgba(246, 166, 187, 1) 0%, rgba(251, 182, 200, 1) 49%, rgba(227, 157, 173, 1) 100%);
}

.splash-blue-top-down-lighter {
    background: rgb(246, 166, 187);
    background: linear-gradient(180deg, rgba(246, 166, 187, 1) 0%, rgba(255, 190, 209, 1) 49%, rgba(255, 207, 222, 1) 100%);
}