body, html {
  height: 100%;
  display: flex;
  /*background-image: url("https://dwvo2npct47gg.cloudfront.net/gifs/home-background-2.gif");*/
  background-image: url(https://lejeuneavesnois.fr/media/NeigeCathodique.gif);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%; }

.overlay {
  display: flex; }
  .overlay .logogif {
    z-index: 3;
    width: 70%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    /*filter: blur(1.5px);*/ }
  .overlay .bg {
    backdrop-filter: blur(2px);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 0 0 0;
    z-index: 1; }
  .overlay .tube-border {
    width: 100%;
    height: 100%;
    /*background-image: url(https://lejeuneavesnois.fr/media/tube-border.png);*/
    background-size: 100% 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    pointer-events: none; }
  .overlay .background-effect {
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0.2; }
  .overlay .tube-border-GSM {
    width: 100%;
    height: 100%;
    background-image: url(media/tube-border-GSM.png);
    background-size: 100% 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    pointer-events: none; }

/*@media screen and (max-width:420px) {
    .tube-border{
        display: none;
    }
    .tube-border-GSM{
        display: inherit;
    }
}*/
@media screen and (orientation: landscape), screen and (max-width: 420px) {
  .tube-border-GSM {
    display: none; } }