/* animasi-gambar-tengah - Start */
  .animasi-gambar-tengah {
  width:200px;
  height:200px;
  overflow:hidden;
  border-radius:100%;
  border:4px solid #000;
  box-shadow: 0 3px 3px #0e5da9;
  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;
  margin-inline: -30px;
  animation-name: animasi-kiri-atas;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  }
  @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: 80%;
  top:0;
  left:0;
  right:0;
  justify-content: center;
  justify-self: center;
  margin-block: -30px;
  animation-duration: 3s;
  opacity: 40%;
  }
  @keyframes animasi-tengah-atas { 
  70% {
  transform: scale(1.03);
    }
  }
  /* animasi-tengah-atas - End */
  
  
  
  /* animasi-kanan-atas - Start */
  .animasi-kanan-atas {
  width: 40%;
  position: absolute;
  top: 0;
  right: 0;
  margin-inline: -50px;
  margin-block: 10px;
  animation-name: animasi-kanan-atas;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  }
  @keyframes animasi-kanan-atas { 
  70% {
  transform: scale(1.03);
    }
  }
  /* animasi-kanan-atas - End */
  
  
  
  /* animasi-kiri-bawah - Start */
  .animasi-kiri-bawah {
  width:30%;
  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;
  margin-block: -55px;
  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;
  margin-inline: -40px;
  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 */