.bg-images .bg-image-1.frame-1 {
  animation-name: uivd2pv;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: initial;
}
@keyframes uivd2pv {
  from {
    transform: scale(3);
    transform-origin: center;
  }
  to {
    opacity: 1;
    transform: scale(1.75);
  }
}
.bg-images .bg-image-1.frame-4 {
  opacity: 1;
  animation-name: uivd2q4;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: linear;
}
@keyframes uivd2q4 {
  from {
    transform: scale(var(--startScale));
  }
  to {
    transform: scale(1);
  }
}
.bg-images .bg-image-1.frame-5 {
  transition: filter 1s;
  filter: blur(50px);
}
.bg-images .bg-image-2.frame-5 {
  transition: opacity 1s;
  opacity: 1;
  animation-name: uivd2qo;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}
@keyframes uivd2qo {
  0% {
    transform: scale(10) translate(0px, 0px);
    filter: blur(5px);
  }
  100% {
    transform: scale(1.3);
    filter: unset;
  }
}
.bg-images .bg-image-2.frame-5-b {
  animation-name: uivd2r0;
  animation-duration: 7s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes uivd2r0 {
  0% {
    transform: scale(var(--startScale)) translate(var(--startX), var(--startY));
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}