.player-container{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 0;
}
.player{
    width: 990px;
    height: 609px;
    display: flex;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    overflow: auto;
    position: relative;
}
.player body{
    width: 100%;
    height: 100%;
}
.not-supported{
    box-sizing: border-box;
    height: 92vh;
    width: 100%;
    padding: 15px;
    background-color: transparent;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
}
.background-image{
    background-size: cover; 
    background-position: center; 
    height: 100%; 
    width: 100%; 
    position: absolute; 
    filter: blur(15px) 
    brightness(0.35);
    z-index: -1;
}

/* RESPONSIVE RULES */

/*
@media only screen and (min-width: 950px) {
    .player-container{
        display:flex;
    }
    .not-supported{
        display: none;
    }
}
@media only screen and (max-width: 950px) {
    .player-container{
        display: none;
    }
    .not-supported{
        display: flex;
    }
}
/*