// ---------------------
// This script does the animations for the faces
// on the home page.
// ---------------------

document.addEventListener('DOMContentLoaded', function () {
     const imageContainers = document.querySelectorAll('.face');

     setTimeout(() => {
          imageContainers.forEach((container, index) => {
               setTimeout(() => {
                    container.classList.add('active');
               }, (index + 1) * 1000); // Adjust delay between images
          });
     }, 4800);
});