.align-left {
      float:left;
      /* de margin rechts van de afbeelding die van links naar rechts wordt geschoven */ 
      margin-right:0px;
    }

    .align-right {
      float:right;
      /* de margin links van de afbeelding die van rechts naar links wordt geschoven */ 
      margin-left:0px;
    }
    
   

    .slide-in {
      opacity:0;
      /* tijd voor instellen slide in */
      transition:all 1.0s;
    
    }
    
   
    
    
    
 .align-middle {
      transform:translatey(-30%) scale(0.1);
      transition-duration: 1.5s;
    }
    
    
    

    .align-left.slide-in {
      transform:translateX(-100%) scale(0.95);
    }
    .align-right.slide-in {
      transform:translateX(95%) scale(0.95);
    }
    .from-top.slide-in {
      transform:translatey(-100%) scale(0.95);
    }
    
    .from-left2.slide-in {
      transform:translatex(-100%) scale(0.95);
    }
    
     .from-right2.slide-in {
      transform:translatex(95%) scale(0.95);
    }
    
   

    .slide-in.active {
      opacity:1;
      transform:translateX(0%) scale(1);
    }
    
    
   
/* css opmaak animatie voor infaden van een element

/* Startstijl voor de elementen */
/* Langzamere overgang */
.elementfadein {
  transform: scale(0);
  opacity: 0;
  transition: transform 2s ease-out, opacity 2s ease-out; /* Langzamere overgang (2 seconden) */
}

/* Wanneer de class 'in-view' wordt toegevoegd */
.elementfadein.in-view {
  transform: scale(1);
  opacity: 1;
}