/* animasi-gambar-tengah - Start 
  .animasi-gambar-tengah {
  width:200px;
  height:200px;
  overflow:hidden;
  border-radius:100%;
  margin-top: -10px;
  margin-bottom: 40px;
  border:4px solid #161a20;
  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;
  max-width: 450px;
  top: -35px;
  left: -19px;
  animation-duration: 3s;
  }
  @keyframes animasi-tengah-atas { 
  70% {
  transform: scale(1.10);
    }
  }
  /* 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:-35px;
  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:-35px;
  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 */
  


  /* gift-animasi-tengah-atas - Start */
  .gift-animasi-tengah-atas {
  position: absolute;
  animation-name: gift-animasi-tengah-atas;
  animation-iteration-count: infinite;
  max-width: 160px;
  left:0;
  right:0;
  justify-content: center;
  justify-self: center;
  margin-bottom: -10px;
  top:-20px;
  animation-duration: 3s;
  }
  @keyframes gift-animasi-tengah-atas { 
  70% {
  transform: scale(1.10);
    }
  }
  /* gift-animasi-tengah-atas - End */



/* foto-animasi-rsvp - Start */
.foto-animasi-rsvp {
animation-name: foto-animasi-rsvp;
animation-iteration-count: infinite;
object-fit: cover;
background-image: 100% 100%;
width: 100%;
top:0;
left:0;
right:0;
justify-content: center;
justify-self: center;
margin-bottom: 28px;
animation-duration: 3s;
}
@keyframes foto-animasi-rsvp { 
70% {
transform: scale(1.10);
  }
}
/* foto-animasi-rsvp - End */