@media only screen and (max-width: 770px) {
    body {
        background-image: url('../img/770-by-773-tablet-on-black-bg.jpg');
    }
    .container {
        height: 86vh;
        font-size: 20px;
    }
}
@media only screen and (max-width: 500px) {
    body {
        background-image: url('../img/375-by-820-phone-on-black-bg.jpg');
    }
    .container {
        height: 86vh;
        font-size: 20px;
    }
}
@media only screen and (max-width: 375px) {
    body {
        background-image: url('../img/375-by-820-phone-on-black-bg.jpg');
    }
    .container {
        height: 86vh;
        font-size: 20px;
    }
}
@media only screen and (max-width: 360px) {
    body {
        background-image: url('../img/375-by-820-phone-on-black-bg.jpg');
    }
    .container {
        height: 90vh;
        font-size: 20px;
    }
}
@media only screen and (max-width: 320px) {
    body {
        background-image: url('../img/375-by-820-phone-on-black-bg.jpg');
    }
    .container {
        height: 90vh;
        font-size: 20px;
    }
}

@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1180px) 
  and (orientation: portrait) {
    body {
        background-image: url('../img/375-by-820-phone-on-black-bg.jpg');
    }
    .container {
        height: 93vh;
        font-size: 20px;
    }
}
@media only screen 
  and (min-device-width: 350px) 
  and (max-device-width: 812px) 
  and (orientation: portrait) {
    body {
        background-image: url('../img/375-by-820-phone-on-black-bg.jpg');
    }
    .container {
        height: 90vh;
        font-size: 20px;
    }
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (orientation: portrait) {
    body {
        background-image: url('../img/375-by-820-phone-on-black-bg.jpg');
    }
    .container {
        height: 90vh;
        font-size: 20px;
    }
}