This is the best solution I've come up with so far. By adding an extra class and a timeout function to this class. This delays the load of the second slide and prevents the overlapping/stacking.

setTimeout(function() {
  $('.hide-slide').removeClass('hide-slide');
}, 100);

.hide-slide {
  visibility: hidden;
}