@media only screen and (min-width: 768px) {
    .header-section {
        background-image:
                linear-gradient(120deg, rgba(4, 104, 215, 0.4), rgba(17, 74, 172, 0.4) 80%, rgba(25, 56, 144,0.6) 99%),
                url('/assets/img/mc-night-sky50.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    #header-section-mc {
        background-image:
                linear-gradient(120deg, rgba(4, 104, 215, 0.4), rgba(17, 74, 172, 0.4) 80%, rgba(25, 56, 144,0.6) 99%),
                url('/assets/img/minecraft_nether50.jpg');
        min-height: 25rem;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
}

@media only screen and (min-width: 1200px) {
    .header-section {
        background-image:
                linear-gradient(120deg, rgba(4, 104, 215, 0.4), rgba(17, 74, 172, 0.4) 80%, rgba(25, 56, 144,0.6) 99%),
                url('/assets/img/mc-night-sky.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    #header-section-mc {
        background-image:
                linear-gradient(120deg, rgba(4, 104, 215, 0.4), rgba(17, 74, 172, 0.4) 80%, rgba(25, 56, 144,0.6) 99%),
                url('/assets/img/minecraft_nether.jpg');
        min-height: 25rem;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
}