.design3{
            position: absolute;
            margin: 56px 0px 0px 83px;
            width: 116px;
            height: 116px;
            display: none;
        }
        
        .circle{
            width: 18px;
            height: 18px;
            position: absolute;
            background-size: contain;
            transform: scale(0);
        }

    @media screen and (min-width:768px) and (max-width:1023px){
        .design3{
            width: 86px;
            height: 86px;
            margin: 80px 0px 0px 33px;
            display: none;
        }
        
        .circle{
            width: 15px;
            height: 15px;
        }
        
}

@media screen and (min-width:1024px) and (max-width:1919px){
        .design3{
            margin: 120px 25px 0px;
            display: none;
        }
        
        .circle{
            width: 20px;
            height: 20px;
        }
}

@media screen and (min-width:1920px){
        .design3{
            margin:  104px auto 0px 60px;
            display: none;
        }
    
        .circle{
            width: 21px;
            height: 21px;
        }
}

        
        .circle:nth-child(1){
            background-image: url(/images/2x/blue_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            }
        
        .circle:nth-child(2){
            background-image:url(/images/2x/orange_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 800ms;
            left: 28%;
        }        
        
        .circle:nth-child(3){
            background-image:url(/images/2x/pinkpurple_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 2200ms;
            left: 58%;
        }        
        
        .circle:nth-child(4){
            background-image:url(/images/2x/pinkpurple_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 200ms;
            left: 85%;
        }       
        
        .circle:nth-child(5){
            background-image:url(/images/2x/pinkpurple_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 2400ms;
            top: 28%;
        }   
        
        .circle:nth-child(6){
            background-image:url(/images/2x/purple_S.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 1000ms;
            top: 28%;
            left: 28%;
        }       
        
        .circle:nth-child(7){
            background-image:url(/images/2x/blue_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 400ms;
            top: 28%;
            left: 58%;
        }       
        
        .circle:nth-child(8){
            background-image:url(/images/2x/orange_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 2000ms;
            top: 28%;
            left: 85%;
        }       
        
        .circle:nth-child(9){
            background-image:url(/images/2x/yellow_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 3000ms;
            top: 56%;
        }       
        
        .circle:nth-child(10){
            background-image:url(/images/2x/purple_S.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 600ms;
            top: 56%;
            left: 28%;
        }       
        
        .circle:nth-child(11){
            background-image:url(/images/2x/yellow_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 1200ms;
            top: 56%;
            left: 58%;
        }       
        
        .circle:nth-child(12){
            background-image:url(/images/2x/blue_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 2600ms;
            top: 56%;
            left: 85%;
        }       
        
        .circle:nth-child(13){
            background-image:url(/images/2x/pinkpurple_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 1800ms;
            top: 84%;
        }       
        
        .circle:nth-child(14){
            background-image:url(/images/2x/purple_S.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 1400ms;
            top: 84%;
            left: 28%;
        }       
        
        .circle:nth-child(15){
            background-image:url(/images/2x/orange_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 2800ms;
            top: 84%;
            left: 58%;
        }      
        
        .circle:nth-child(16){
            background-image:url(/images/2x/blue_s.png);
            animation: circle1 0.7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 1600ms;
            top: 84%;
            left: 85%;
        }
        
        @keyframes circle1{
            0% {
                transform: scale(0);
            }
            100%{
                transform: scale(1);
            }
            }