.hero {
    background: linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.35)), image-set(url('/gymove/images/bg-1920.jpg') type('image/jpeg') 1x );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 1400px) {
    .hero {
        background-image: image-set(url('/gymove/images/bg-1280.jpg') type('image/jpeg') 1x );
    }
}

@media (max-width: 900px) {
    .hero {
        background-image: image-set(url('/gymove/images/bg-768.jpg') type('image/jpeg') 1x );
    }
}

.glass {
    background: rgba(255,255,255,.2);
    border: 1px solid rgba(255,255,255,.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
}