/* animasi-kiri-atas - Start */
.animasi-kiri-atas {
width: 60%;
position: absolute;
top: -15px;
left: -15px;
animation-name: animasi-kiri-atas;
animation-duration: 3s;
}
@keyframes animasi-kiri-atas { 
70% {
transform: scale(1.03);
  }
}
/* animasi-kiri-atas - End */



/* animasi-Atas Ke Start - END */
@-webkit-keyframes slide-bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
}
@keyframes slide-bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
}
/* animasi-Atas Ke Bawah - END */


      
      
/* animasi-kanan-atas - Start */
.animasi-kanan-atas {
width: 60%;
position: absolute;
top: -15px;
right: -15px;
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: 60%;
position: absolute;
bottom: -15px;
left: -15px;
animation-name: animasi-kiri-bawah;
animation-duration: 3s;
}
@keyframes animasi-kiri-bawah { 
70% {
transform: scale(1.03);
}
}
/* animasi-kiri-bawah - End */
    
    
/* animasi-kanan-bawah - Start */
.animasi-kanan-bawah {
width: 60%;
position: absolute;
bottom: -15px;
right: -15px;
animation-name: animasi-kanan-bawah;
animation-duration: 3s;
}
@keyframes animasi-kanan-bawah { 
70% {
transform: scale(1.03);
}
}
/* animasi-kanan-bawah - End */  



/* animasi-kanan-atas - Start */
.frame-mempelai-pria {
width: 85%;
height: 500px;
object-fit: cover;
background-size: 100% 100%;
position: absolute;
bottom: 0;
animation-name: animasi-kanan-atas;
animation-duration: 3s;
margin-bottom: -30px;
left: 33px;
right:0;
border: 3px solid #b98e30;
border-radius: 250px 250px 0px 0px;
padding: 9px;
}
@keyframes animasi-kanan-atas { 
70% {
transform: scale(1.03);
}
}
/* animasi-kanan-atas - End */