fgixes to CSS and home page.

docs/src/js/faces-intro.js

@@ -0,0 +1,16 @@
+// ---------------------
+// 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);
+});