body {
    background: url("../images/rcback.jpg");
    background-size: cover;
}

.hobbies-background {
    position: absolute;
    left: 0;
    top: 0;
    /* opacity: 0.79; */
    width: 100%;
    height: auto;
    z-index: -1;
}

.hobby-card {
    margin: 50px auto;
    width: 80%;
}

.card-row {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .hobby-card {
        width: 95%;
    }
}