.container2 {
        width:100%;

        }

        .animation-area {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          overflow: hidden;
        }

        .animation-area li {
          position: absolute;
          display: block;
          list-style: none;
          width: 25px;
          height: 25px;
          animation: animate 20s linear infinite;
          bottom: -150px;
          z-index:2;
        }

        .animation-area li:nth-child(1) {
          background-color: #329795;
          left: 85%;
          width: 80px;
          height: 80px;
          animation-delay: 0s;
        }

        .animation-area li:nth-child(2) {
          background-color: #F17993;
          left: 75%;
          width: 50px;
          height: 50px;
          animation-delay: 1.5s;
          animation-duration: 10s;
        }

        .animation-area li:nth-child(3) {
          background-color: #7E4C97;
          left: 60%;
          width: 100px;
          height: 100px;
          animation-delay: 5.5s;
        }

        .animation-area li:nth-child(4) {
          background-color: #7ED1E6;
          left: 40%;
          width: 180px;
          height: 180px;
          animation-delay: 0s;
          animtion-duration: 15s;
        }

        .animation-area li:nth-child(5) {
          background-color: #FCA83E;
          left: 25%;
          width: 80px;
          height: 80px;
          animation-delay: 0s;
        }

        .animation-area li:nth-child(6) {
          background-color: #F9ADA3;
          left: 10%;
          width: 120px;
          height: 120px;
          animation-delay: 3.5s;
        }

        @keyframes animate {
          0% {
            transform: translateY(0) rotate(0deg);
		opacity:0.75;
          }

          100% {
            transform: translateY(-900px) rotate(360deg);
            opacity: 0;
          }