/* ============================================================================================================
TEXTS ANIMATION
=============================================================================================================== */
@keyframes slideUp {
    0% {
        transform: translateY(150px);
        opacity: 0;
    }
  
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.anim-text {
  cursor: default; 
}

.anim-text span {
   opacity: 0;
   display: inline-block;
   transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 3s; 
}

/* ============================================================================================================
PICTURES ANIMATION
=============================================================================================================== */

.slide-image{
  grid-area: 1 / 1; 
  object-fit: cover; 
  min-width: 100%;
  min-height: 100%;
}

.zoomation {
  transform: scale(1.5);
  animation: zoomout 2.2s forwards 0.1s;
  animation-fill-mode: forwards; 
} 

@keyframes zoomout{
  0%{
    transform: scale(1.5);
  }
  100%{
    transform: scale(1);
  }
}

/* ============================================================================================================
BACKGROUND ANIMATION
=============================================================================================================== */

@keyframes zoominion {
    0%{
        transform: scale(1.5);
    }
    100%{
        transform: scale(1);
    }
}