.an-fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.an-fadein.visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes glowFlash {
  0% {
    box-shadow: inset 0 0 20px 0px rgb(255 255 255 / 80%);
  }
  50% {
    box-shadow: inset 0 0 10px 0px rgb(255 255 255 / 80%);
  }
  100% {
    box-shadow: 0 0 0px white;
  }
}

.glow-once {
  animation: glowFlash 0.5s ease;
}

.an-hover-effect-scale { /* Op de div rond het element dat moet schalen, an-hover-effect-target op het element dat moet schalen */
  overflow: hidden; /* voorkomt dat de vergrote foto buiten de div 'lekt' */
}

.an-hover-effect-scale .an-hover-effect-target {
  transition: transform 0.35s ease-in-out; /* soepel animeren */
}

.an-hover-effect-scale:hover .an-hover-effect-target {
  transform: scale(1.06); /* 20% vergroten */
}