@keyframes righttoleftekhtrm {
    0% {
     right: 0%; 
    }
  
    100% {
      right: 15%
    }
  
  }
  
  
  
  
  
  @keyframes lefttoright {
    0% {
     left: 0%; 
    }
  
    100% {
      right: 20%
    }
  }



  @keyframes lefttorightekhtr {
    0% {
     left: 0%; 
    }
  
    100% {
      left: 5%
    }
  }








  
    @keyframes opacity {
      0% {
        opacity: 0;
      }
  
      100% {
        opacity: 1;
      }
    }




    @keyframes midout1 {
        0% {
            top :15%;
            left: 35%;
        }


        100% {
            top: 0;
            left: 10%;
        }
    }





    @keyframes midout2 {
        0% {
            bottom :20%;
            right: 35%;
        }


        100% {
            bottom: 10%;
            right: 7%;
        }
    }


    @media screen and ( max-width: 480px) {

      @keyframes midout1 {
        0% {
            top :20%;
            left: 20%;
        }


        100% {
            top: 0;
            left: 5%;
        }
    }




    @keyframes midout2 {
      0% {
          bottom :20%;
          right: 20%;
      }


      100% {
          bottom: 5%;
          right: 1%;
      }
  }




  @keyframes lefttorightekhtr {
    0% {
     left: -20%; 
    }
  
    100% {
      left: -5%
    }
  }



      
    }







    @media screen and ( max-width: 405px) {

      @keyframes midout1 {
        0% {
            top :20%;
            left: 20%;
        }


        100% {
            top: 0;
            left: 5%;
        }
    }




    @keyframes midout2 {
      0% {
          bottom :20%;
          right: 20%;
      }


      100% {
          bottom: 5%;
          right: 1%;
      }
  }




  @keyframes lefttorightekhtr {
    0% {
     left: -20%; 
    }
  
    100% {
      left: -10%
    }
  }



      
    }