section .animate {
    transition: 1s;
  }
  section .animate1 {
    transition: 1s;
  }
  section .animate2 {
    transition: 1s;
  }
  section .animate4 {
    transition: 1s;
  }
  section .animate5 {
    transition: 1s;
  }

  .sec-1 .animate {
    transform: translateY(30%);
    opacity: 0.6;
  }
  
  .sec-1.show-animate .animate {
    transform: translateY(0);
    opacity: 100%;
  }

  .sec-2 .animate1 {
    transform: translateX(-50%);
    opacity: 0.6;
  }
  
  .sec-2.show-animate .animate1 {
    transform: translateX(0);
    opacity: 100%;
  }

  .sec-2 .animate2 {
    transform: translateX(50%);
    opacity: 0.6;
  }
  
  .sec-2.show-animate .animate2 {
    transform: translateX(0);
    opacity: 100%;
  }

  .sec-3 .animate {
    transform: translateY(30%);
    opacity: 0.6;
  }
  
  .sec-3.show-animate .animate {
    transform: translateY(0);
    opacity: 100%;
  }

  .sec-4 .animate {
    transform: translateY(30%);
    opacity: 0.6;
  }
  
  .sec-4.show-animate .animate {
    transform: translateY(0);
    opacity: 100%;
  }

  .sec-4 .animate4 {
    transform: translateX(50%);
    opacity: 0.6;
  }
  
  .sec-4.show-animate .animate4 {
    transform: translateX(0);
    opacity: 100%;
  }

  .sec-5 .animate {
    transform: translateY(10%);
    opacity: 0.6;
  }
  
  .sec-5.show-animate .animate {
    transform: translateY(0);
    opacity: 100%;
  }


  .sec-6 .animate5 {
    transform: translateY(10%);
    opacity: 0.6;
  }
  
  .sec-6.show-animate .animate5 {
    transform: translateY(0);
    opacity: 100%;
  }