Stofzuiger Custom position

  .fade-in-image {
    opacity: 0;
    transition: opacity 1.2s ease; /* Hier kan je de snelheid van de afbeelding fade aanpassen. */
  }
  
  .image-fade-in-animation {
    opacity: 1;
  }

jQuery(document).ready(function( $ ) {

    //Voeg genummerde classes toe aan images
    $(".fade-in-image").each(function(i) {
      $(this).addClass("image-"+i);
    });
    
    //Voeg genummerde classes toe aan lijst
    $(".hover-list").find("p").each(function(i) {
      
      //2e afbeelding voor hover fade-in
      //Als je 5 hover items hebt, maak dan hier + 5 van.
      let secondImage = i + 4;
      
      //Hover effect
      $(this).hover(function(){ 
        $(".image-"+i).addClass("image-fade-in-animation");
        $(".image-"+ secondImage).addClass("image-fade-in-animation");
      }, function(){
        $(".image-"+i).removeClass("image-fade-in-animation");
        $(".image-"+ secondImage).removeClass("image-fade-in-animation");
      })
    });
});