diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000000000000000000000000000000000000..8162457873d2913d8d5b1d5ae2babcd355324385
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,8 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
\ No newline at end of file
diff --git a/assets/scripts/src/sholo.js b/assets/scripts/src/sholo.js
index 41032dc73b520d028124bfdd053f8536dde64b6c..cd2cf5a4e5988654a3be1e243705f1c0c6b305d1 100644
--- a/assets/scripts/src/sholo.js
+++ b/assets/scripts/src/sholo.js
@@ -7,6 +7,7 @@ function createOverlay() {
   overlay = document.createElement('canvas');
   overlayContext = overlay.getContext('2d');
 
+  overlay.style.pointerEvents = 'none';
   overlay.style.background = 'transparent';
   overlay.style.position = 'fixed';
   overlay.style.top = '0';
@@ -61,6 +62,13 @@ function selectNode(node) {
     return;
   }
 
+  const overlayAlpha = 0.7;
+
+  // Reset the overlay
+  overlayContext.clearRect(0, 0, overlay.width, overlay.height);
+  overlayContext.fillStyle = `rgba( 0, 0, 0, ${overlayAlpha} )`;
+  overlayContext.fillRect(0, 0, overlay.width, overlay.height);
+
   // Cut out the cleared region
   overlayContext.clearRect(
     currentRegion.left - window.scrollX,
@@ -72,7 +80,15 @@ function selectNode(node) {
   document.body.appendChild(overlay);
 }
 
-const nodeToSelect = document.querySelector('.section__header');
+const nodesToSelect = [
+  document.querySelector('.section__header'),
+  document.querySelector('.section__how'),
+];
 
 createOverlay();
-selectNode(nodeToSelect);
+
+nodesToSelect.forEach((nodeToSelect, index) => {
+  window.setTimeout(() => {
+    selectNode(nodeToSelect);
+  }, index * 1000);
+});