.background-deso {
    background-color: #D2D6DE !important;
    background-image: url(/img/deso_analytics.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

#bolhas-deso {
    position: fixed;
    bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    width: 100%;
    justify-content: space-around;
 }

 #bolhas-deso > .one,.two,.three,.four,.five,.six,.seven {
    height: 60px; 
    width: 60px;
    background: transparent; 
    animation: move 10s linear infinite;
    position: relative;
    overflow: hidden;
    opacity: 0;
}

@keyframes move {
     100% {
        transform: translateY(-100vh);
    } 
    from {
        opacity: 0;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
    }
    to {
        transform: translateY(-1000px) rotate(960deg);
    }
}

 #bolhas-deso > .one  {
    animation-delay: 2.2s;
    transform: scale(2.15);
}

 #bolhas-deso > .two {
    animation-delay: 3.5s;
    transform: scale(1.55)
}

 #bolhas-deso > .three {
    animation-delay: 0.2s;
    transform: scale(0.35)
}

 #bolhas-deso > .four {
    animation-delay: 6s;
    transform: scale(2.15)
}

 #bolhas-deso > .five {
    animation-delay: 7s;
    transform: scale(0.5)
}

 #bolhas-deso > .six {
    animation-delay: 4s;
    transform: scale(2.5)
}

 #bolhas-deso > .seven {
    animation-delay: 3s;
    transform: scale(1.5)
}

