.salla-butterfly {
  position: absolute !important;
  width: 52px !important;
  height: auto !important;

  right: 14% !important;
  top: 35% !important;

  z-index: 30 !important;
  pointer-events: none !important;

  animation: butterflyFloat 3.8s ease-in-out infinite;
  filter: drop-shadow(0 3px 5px rgba(0,0,0,.08));
}

@keyframes butterflyFloat {
  0% {
    transform: translate(0, 0) rotate(-5deg);
  }

  25% {
    transform: translate(-7px, -9px) rotate(3deg);
  }

  50% {
    transform: translate(4px, -15px) rotate(-2deg);
  }

  75% {
    transform: translate(8px, -7px) rotate(4deg);
  }

  100% {
    transform: translate(0, 0) rotate(-5deg);
  }
}

@media (max-width: 768px) {
  .salla-butterfly {
    width: 38px !important;
    right: 10% !important;
    top: 32% !important;
  }
}