html {
    background: url(/../mobilecover.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.text-container {
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(10px);
    border: solid 2px transparent;
    border-radius: 1em;
    background-clip: padding-box;
    padding: 1rem 2em;
    box-shadow: 10px 10px 10px 10px rgba(46,54,68,0.03);
}

@media (min-width: 640px) {
    html {
        background: url(/../cover.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}