/* animasi-gambar-tengah - Start */
  .animasi-gambar-tengah {
  width:200px;
  height:200px;
  overflow:hidden;
  border-radius:100%;
  border:4px solid var(--inv-border);
  animation: move-the-animasi-gambar-tengah 1s infinite;
  }
  @keyframes move-the-animasi-gambar-tengah {
  0% {
  transform: translate(0, 0);
  }
  50% {
  transform: translate(0, 50px);
  }
  100% {
  transform: translate(0, 0);
    }
  }
  /* animasi-gambar-tengah - End */
  
  
  
  /* animasi-kiri-atas - Start */
  .animasi-kiri-atas {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  animation-name: animasi-kiri-atas;
  animation-duration: 3s;
  }
  @keyframes animasi-kiri-atas { 
  70% {
  transform: scale(1.03);
    }
  }
  /* animasi-kiri-atas - End */
  

  
  /* animasi-tengah-atas - Start */
  .animasi-tengah-atas {
  position: absolute;
  animation-name: animasi-tengah-atas;
  animation-iteration-count: infinite;
  width: 100%;
  top:0;
  animation-duration: 3s;
  }
  @keyframes animasi-tengah-atas { 
  70% {
  transform: scale(1.03);
    }
  }
  /* animasi-tengah-atas - End */
  
  
  
  /* animasi-kanan-atas - Start */
  .animasi-kanan-atas {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  animation-name: animasi-kanan-atas;
  animation-duration: 3s;
  }
  @keyframes animasi-kanan-atas { 
  70% {
  transform: scale(1.03);
    }
  }
  /* animasi-kanan-atas - End */
  
  
  
  /* animasi-kiri-bawah - Start */
  .animasi-kiri-bawah {
  width:50%;
  position:absolute;
  bottom:0;
  left:0;
  animation: move-the-animasi-kiri-bawah 1s infinite;
  }
  @keyframes move-the-animasi-kiri-bawah {
  0% {
  transform: translate(0, 0);
  }
  50% {
  transform: translate(0, 50px);
  }
  100% {
  transform: translate(0, 0);
    }
  }
  /* animasi-kiri-bawah - End */
  
  
  
  /* animasi-tengah-bawah - Start */
  .animasi-tengah-bawah {
  position: absolute;
  animation-name: animasi-tengah-bawah;
  animation-iteration-count: infinite;
  width: 100%;
  bottom:0;
  animation-duration: 3s;
  }
  @keyframes animasi-tengah-bawah { 
  70% {
  transform: scale(1.03);
    }
  }
  /* animasi-tengah-bawah - End */



  /* animasi-kanan-bawah - Start */
  .animasi-kanan-bawah {
  width:50%;
  position:absolute;
  bottom:0;
  right:0;
  animation: move-the-animasi-kanan-bawah 1s infinite;
  }
  @keyframes move-the-animasi-kanan-bawah {
  0% {
  transform: translate(0, 0);
  }
  50% {
  transform: translate(0, 50px);
  }
  100% {
  transform: translate(0, 0);
    }
  }
  /* animasi-kanan-bawah - End */