.card-header{
    background: linear-gradient(135deg, #27457a, #4472C4 40%, #4472C4 60%);
}

#time{
    margin-top: 0.4rem;
    float: right;
}


@media (max-width: 576px) {
    #time{
        float: none;
    }
}

.attraction-img{
    width: 100%;
    height: 50vh;
    object-fit: cover;
    object-position: 25%;
    margin-bottom: 1rem;
}
.transportation-img{
    width: 100%;
    height: 40vh;
    object-fit: cover;
    object-position: 25%;
    margin-bottom: 1rem;
}

#whyte-img{
    object-position: bottom;
}

#scooter-img{
    object-position: 50% 95%;
}

#fep-img{
    object-position: top;
}

.tab-group li{
    width: 15rem;
}

.center{
    text-align: center
}