.bg-images .bg-image-1.frame-1 {
  animation-name: uivd2jl;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: initial;
}
@keyframes uivd2jl {
  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: uivd2k7;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: linear;
}
@keyframes uivd2k7 {
  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: uivd2kn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}
@keyframes uivd2kn {
  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: uivd2ld;
  animation-duration: 7s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes uivd2ld {
  0% {
    transform: scale(var(--startScale)) translate(var(--startX), var(--startY));
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}