.ad-container:hover .cta svg #cta-bg {
  fill: white;
}
.ad-container:hover .cta svg #cta-copy,
.ad-container:hover .cta svg #cta-copy path {
  fill: #67788A;
}

.bg-images {
  left: auto;
  right: -969px;
  height: 500px;
  width: 790px;
  overflow: hidden;
}
.bg-images .bg-image-1.frame-1 {
  transform: scale(1.2);
  animation-name: ukwx39o;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: initial;
}
@keyframes ukwx39o {
  to {
    opacity: 1;
    transform: scale(1.1);
  }
}
.bg-images .bg-image-1.frame-4 {
  animation-name: ukwx3aj;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: linear;
}
@keyframes ukwx3aj {
  from {
    opacity: 1;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(0.9);
  }
}
.bg-images .bg-image-2.frame-5 {
  transition: opacity 1s;
  opacity: 1;
  animation-name: ukwx3b3;
  animation-duration: 8s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes ukwx3b3 {
  0% {
    transform: scale(1.55) translate(0px, 36px);
  }
  100% {
    transform: scale(1) translate(0px, 36px);
  }
}