.whirl1, .whirl2, .whirl3, .whirl4, .whirl5, .whirl6 {animation: whirl 3s linear infinite;width: 350px;height: 350px;background-size: contain !important;position:absolute;top:0px;}

.fader1, .fader2, .fader3, .fader4, .fader5, .fader6 {display:flex;justify-content: center;animation: fader 3s linear infinite;opacity: 0;animation-iteration-count: infinite;animation-direction: alternate;position:absolute;top:0px;width: 500px;height: 500px}

.fader1 {animation-delay: 1s;}
.fader2 {animation-delay: 2s;}
.fader3 {animation-delay: 3s;}
.fader4 {animation-delay: 4s;}
.fader5 {animation-delay: 5s;}
.fader6 {animation-delay: 6s;}

.container {cursor: pointer}

@keyframes whirl {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

 @keyframes fader {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }