.bg-primary {
    background: var(--mdb-primary) !important;
}

.bg-primary-soft {
    background: var(--mdb-primary-soft) !important;
}

.bg-secondary {
    background: var(--mdb-secondary) !important;
}

.bg-dark {
    background: var(--mdb-dark) !important;
}

.bg-gray {
    background: var(--mdb-gray);
}

.bg-gray-dark {
    background: var(--mdb-gray-dark);
}

.bg-glass {
    background: hsla(0, 0%, 100%, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    /* Force GPU acceleration */
    /* https://graffino.com/til/CjT2jrcLHP-how-to-fix-filter-blur-performance-issue-in-safari */
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.bg-glass-dark {
    background: hsla(0, 0%, 0%, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    /* Force GPU acceleration */
    /* https://graffino.com/til/CjT2jrcLHP-how-to-fix-filter-blur-performance-issue-in-safari */
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.intro {
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    min-height: 80vh;
}

.intro {
    background-image: url("https://imagedelivery.net/hNYrj_4BQ1xzl89cRQjLkQ/33ed0cde-b5ee-404e-3b7e-69e054c16b00/f=auto,q=auto,w=900");
}

@media (min-width: 992px) {
    .intro {
        background-image: url("https://imagedelivery.net/hNYrj_4BQ1xzl89cRQjLkQ/7054cdbd-24a4-4c69-e366-bc271219fa00/f=auto,q=auto,w=1600");
    }
}