.test-style {
    background-color: rgba(255, 255, 255, 0.1);
    /* background-image: url("8gvw7ern9n0g1.png"); */
    position: fixed;
    width: 100%;
    height: 100%;
}

.hiver {
    background-image: url("media/flocon-de-neige.gif"), linear-gradient(90deg,rgba(0, 255, 242, 0.05) 0%, rgba(0, 4, 255, 0.05) 100%);
    background-size: contain;
    position: fixed;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.automne {
    background-image: url("media/arbre-automne.gif"), url("media/feuilles-automne.gif"), linear-gradient(90deg,rgba(255, 136, 0, 0.05) 0%, rgba(255, 255, 0, 0.05) 100%);
    background-size: 100%;
    position: fixed;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.ete {
    background-image: url("media/nuages.gif"), url("media/soleil.gif"), linear-gradient(90deg,rgba(0, 255, 247, 0.05) 0%, rgba(0, 255, 13, 0.05) 100%), url("media/lens-flare.png");
    background-size: contain;
    position: fixed;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.printemps {
    background-image: url("media/rain.gif"), url("media/fog.gif");
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* backdrop-filter: blur(1.25px); */
}