#flower-shape {
  position: relative;
  z-index: 2;
  margin-top: -130px;
}
@media (max-width: 780px) {
  #flower-shape {
    max-width: 300px;
    margin: auto;
    margin-right: 0;
    margin-top: -70px;
    height: 370px;
  }
}
#flower-shape.other-animation.translate-into-visible svg > g > g {
  animation: flower-shape-translate-into-visible 0.4s ease-in-out forwards;
}
#flower-shape.other-animation svg > g > g {
  opacity: 0;
  transform: scale(0.5);
  transform-box: fill-box;
  transition: all 0.3s ease-in-out;
  transform-origin: center;
}
#flower-shape.other-animation svg > g > g:nth-of-type(1) {
  animation-delay: 1.6s;
  transform-origin: top left;
}
#flower-shape.other-animation svg > g > g:nth-of-type(2) {
  animation-delay: 1.9s;
  transform-origin: bottom left;
}
#flower-shape.other-animation svg > g > g:nth-of-type(3) {
  animation-delay: 2.2s;
  transform-origin: bottom left;
}
#flower-shape.other-animation svg > g > g:nth-of-type(4) {
  animation-delay: 2.5s;
  transform-origin: bottom right;
}
@keyframes flower-shape-translate-into-visible {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (min-width: 780px) {
  #flower-shape svg {
    position: absolute;
  }
}
/*# sourceMappingURL=flower-shape.css.map */