Slow down sitewide animation

This would be a bit of a headache sitewide as you potentially have to manually assign classes to everything or use a wildcard plust !important.

Most elements have the following inline CSS for transitions:

So you'd essentially need to do something like:

/*Squareskills change animation timing*/
.blockclass, .anotherblockclass {
  transition-duration: YOURTIMING!important;
  transition-delay: YOURTIMING!important;
}

In theory, for your use case it would probably be:

#blockid .fluid-image-animation-wrapper {
  transition-duration: 1.2s!important; //slower slide in
  transition-delay: .3s!important; //increase slightly to stagger
}

With each subsequent block having a longer transition delay than the last.

However, you may also want a media query so this is only on larger screens where they display inline as on mobile, where they are stacked, they will naturally fade in in sequence.