/* Card */

.card img.main {
    position: absolute;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    max-width: calc(100% + 2rem);
    object-fit: cover;
    left: -1rem;
    top: -1rem;
    opacity: 0.2;
    filter: blur(0.5rem);
}

.card img.main ~ div {
    z-index: 1;
}

.card > .block:not(.subheader):not(.simple) {
    animation: fadein 0.3s;
    border-radius: 0.65rem;
    border: 1px solid;
    overflow: hidden;
    margin-bottom: 1rem;
    box-sizing: border-box;
    padding-left: 1rem;
}

.card.noanim > .block:not(.subheader):not(.simple) {
    animation: none;
}

.card > form.block {
    padding: 2rem;
    padding-top: 0;
    box-sizing: border-box;
}

.card.shadow > .block:not(.subheader):not(.simple) {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
    border: none;
}

/* Card */

.card img.main {
    position: absolute;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    max-width: calc(100% + 2rem);
    object-fit: cover;
    left: -1rem;
    top: -1rem;
    opacity: 0.1;
}

.card img.main ~ div {
    z-index: 1;
}

.card > .block:not(.subheader):not(.simple) {
    animation: fadein 0.3s;
    border-radius: 0.65rem;
    border: 1px solid;
    overflow: hidden;
    margin-bottom: 1rem;
    box-sizing: border-box;
    padding-left: 1rem;
}

.card.noanim > .block:not(.subheader):not(.simple) {
    animation: none;
}

.card > form.block {
    padding: 2rem;
    padding-top: 0;
    box-sizing: border-box;
}

.card.shadow > .block:not(.subheader):not(.simple) {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
    border: none;
}

Remove the blur filter, as it is slow
Remove the blur filter, as it is slow
