svg#freepik_stories-office-management:not(.animated) .animable {
  opacity: 0;
}

svg#freepik_stories-office-management.animated #freepik--background-complete--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;
  animation-delay: 0s;
}

svg#freepik_stories-office-management.animated #freepik--Table--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;
  animation-delay: 0s;
}

svg#freepik_stories-office-management.animated #freepik--office-plan--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;
  animation-delay: 0s;
}

svg#freepik_stories-office-management.animated #freepik--Chronometer--inject-74 {
  animation: 1s 1 forwards linear slideDown,1.5s Infinite linear wind;
  animation-delay: 0s,1s;
}

svg#freepik_stories-office-management.animated #freepik--Icons--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown,1.5s Infinite linear heartbeat;
  animation-delay: 0s,1s;
}

svg#freepik_stories-office-management.animated #freepik--Calendar--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;
  animation-delay: 0s;
}

svg#freepik_stories-office-management.animated #freepik--Tabls--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut,1.5s Infinite linear shake;
  animation-delay: 0s,1s;
}

svg#freepik_stories-office-management.animated #freepik--Books--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut;
  animation-delay: 0s;
}

svg#freepik_stories-office-management.animated #freepik--Clipboard--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;
  animation-delay: 0s;
}

svg#freepik_stories-office-management.animated #freepik--Plant--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;
  animation-delay: 0s;
}

svg#freepik_stories-office-management.animated #freepik--Character--inject-74 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight,1.5s Infinite linear floating;
  animation-delay: 0s,1s;
}

@keyframes slideRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes lightSpeedRight {
  from {
    transform: translate3d(50%, 0, 0) skewX(-20deg);
    opacity: 0;
  }

  60% {
    transform: skewX(10deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-2deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes wind {
  0% {
    transform: rotate( 0deg );
  }

  25% {
    transform: rotate( 1deg );
  }

  75% {
    transform: rotate( -1deg );
  }
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.1);
  }

  30% {
    transform: scale(1);
  }

  40% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  60% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoomOut {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: inherit;
  }
}

@keyframes floating {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}






/*Second SVG*/

<style > svg#freepik_stories-scrum-board:not(.animated) .animable {
  opacity: 0;
}

svg#freepik_stories-scrum-board.animated #freepik--background-simple--inject-98 {
  animation: 6s Infinite linear shake;
  animation-delay: 0s;
}

svg#freepik_stories-scrum-board.animated #freepik--Board--inject-98 {
  animation: 1.5s Infinite linear floating;
  animation-delay: 0s;
}

svg#freepik_stories-scrum-board.animated #freepik--character-1--inject-98 {
  animation: 1.5s Infinite linear wind;
  animation-delay: 0s;
}

svg#freepik_stories-scrum-board.animated #freepik--character-2--inject-98 {
  animation: 1.5s Infinite linear wind;
  animation-delay: 0s;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes floating {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes wind {
  0% {
    transform: rotate( 0deg );
  }

  25% {
    transform: rotate( 1deg );
  }

  75% {
    transform: rotate( -1deg );
  }
}


/*Second SVG*/
 svg#freepik_stories-scrum-board:not(.animated) .animable {
  opacity: 0;
}

svg#freepik_stories-scrum-board.animated #freepik--background-simple--inject-98 {
  animation: 6s Infinite linear shake;
  animation-delay: 0s;
}

svg#freepik_stories-scrum-board.animated #freepik--Board--inject-98 {
  animation: 1.5s Infinite linear floating;
  animation-delay: 0s;
}

svg#freepik_stories-scrum-board.animated #freepik--character-1--inject-98 {
  animation: 1.5s Infinite linear wind;
  animation-delay: 0s;
}

svg#freepik_stories-scrum-board.animated #freepik--character-2--inject-98 {
  animation: 1.5s Infinite linear wind;
  animation-delay: 0s;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes floating {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes wind {
  0% {
    transform: rotate( 0deg );
  }

  25% {
    transform: rotate( 1deg );
  }

  75% {
    transform: rotate( -1deg );
  }
}

/*Third SVG*/


svg#freepik_stories-location-tracking:not(.animated) .animable {
  opacity: 0;
}

svg#freepik_stories-location-tracking.animated #freepik--background-simple--inject-141 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;
  animation-delay: 0s;
}

svg#freepik_stories-location-tracking.animated #freepik--Graphics--inject-141 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;
  animation-delay: 0s;
}

svg#freepik_stories-location-tracking.animated #freepik--Device--inject-141 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;
  animation-delay: 0s;
}

svg#freepik_stories-location-tracking.animated #freepik--Plant--inject-141 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;
  animation-delay: 0s;
}

svg#freepik_stories-location-tracking.animated #freepik--Floor--inject-141 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;
  animation-delay: 0s;
}

svg#freepik_stories-location-tracking.animated #freepik--Character--inject-141 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn;
  animation-delay: 0s;
}

svg#freepik_stories-location-tracking.animated #freepik--location-3--inject-141 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn,1.5s Infinite linear floating;
  animation-delay: 0s,1s;
}

svg#freepik_stories-location-tracking.animated #freepik--location-2--inject-141 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft,1.5s Infinite linear floating;
  animation-delay: 0s,1s;
}

svg#freepik_stories-location-tracking.animated #freepik--location-1--inject-141 {
  animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight,1.5s Infinite linear floating;
  animation-delay: 0s,1s;
}

@keyframes lightSpeedRight {
  from {
    transform: translate3d(50%, 0, 0) skewX(-20deg);
    opacity: 0;
  }

  60% {
    transform: skewX(10deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-2deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: inherit;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes floating {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}