#intro {
    margin-right: -30px;
    margin-left: -30px;
    position: relative;
    margin-top: -55px;
    min-height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover !important;
    backface-visibility: hidden;
    opacity: 1;
    background: url(../images/other/ContainerShip2-Compressed.jpg);
    height: 88vh;
    background-position: 50% 25%;
}

.trakking-logo {
    width: 190px;
}

.img-login {
    height: 100vh;
    width: 100%;
    margin-top: -75px;
    background-repeat: no-repeat;
    background-size: cover;
    backface-visibility: hidden;
}

.welcome {
    position: absolute;
    width: 600px;
    z-index: 100;
    top: 30%;
    left: 50%;
    margin-left: -300px;
    margin-top: -30px;
    -webkit-font-smoothing: subpixel-antialiased;
    backface-visibility: hidden;
}

    .welcome .card .card-header {
        background-color: #fff;
        border-bottom: none;
    }

        .welcome .card .card-header .card-title {
            margin-bottom: unset;
        }

@media (max-width: 576.98px) {
    .welcome {
        width: 300px;
        margin-left: -150px;
    }
}