*{
    margin: 0;
    padding: 0;
     box-sizing: border-box;
}
section{
    position: relative;
    width: 100%;
    height: 100vh;
    background: url(src/img/fundo.jpg);
    background-size: cover;
    animation: animate 2s linear infinite;
}
section:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(src/img/chuva.png);
    animation: chuva 0.4s linear infinite;
}
@keyframes chuva{
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 20% 100%;
    }
}

@keyframes animate{
    0%{
        filter: hue-rotate(0deg);
    }
    100%{
        filter: hue-rotate(360deg)
    }
}