<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.come-in {  
  transform: translateY(150px);
  animation: come-in 0.8s ease-out forwards;  
}
.come-in:nth-child(odd) {
    animation-duration: 0.6s; /* So they look staggered */ 
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.spin-image{
  animation: spin-image 1.0s ease-out forwards;
  
}

.spin-image-two{
    animation: spin-image 1.0s ease-out forwards;
}

@keyframes spin-image{
    0%{
        transform: rotateY(180deg);
   }
    20%{
        transform: rotateY(200deg);
    }
    40%{
        transform: rotateY(220deg);
    }
    60%{
        transform: rotateY(260deg);
    }
    80%{
        transform: rotateY(300deg);
    }
    100%{
        transform: rotateY(360deg);
    }    
}

</pre></body></html>