.form::before {
  content: url(../images/formLoading.gif);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: inherit;
  display: grid;
  place-content: center;
  z-index: 100000;
}

.form::before {
  animation: slidedown 3s forwards cubic-bezier(0.86, 0, 0.07, 1);
  animation-delay: 100ms;
}
@keyframes slidedown {
  from {
    height: 100%;
    width: 100%;
  }
  to {
    content: "";
    height: 0;
    width: 0;
  }
}

.thankyou .container > * {
  animation: fadeDown 0.8s forwards ease-in-out;
  opacity: 0;
}
@keyframes fadeDown {
  from {
    transform: translateY(-100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}