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

.splash-img {
    background-image: url('../images/splash-image.jfif');
    background-position: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 96.5%;
    z-index: 0;
}
.jumbotron{
    padding-bottom: 0pt;
    margin-top: 25px;
}

.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;
    text-align: center;
}

.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: 250px;
    }
}

.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-bright-orange{
    background: rgb(255,117,24);
    background: linear-gradient(90deg, rgba(255,117,24,1) 0%, rgba(244,111,40,1) 49%, rgba(218,83,44,1) 100%);
}

.splash-fly-high {
    background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
}

.splash-sharp-blues {
    background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
}

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