diff --git a/code/index.html b/code/index.html
index 2d24c78..665cf58 100644
--- a/code/index.html
+++ b/code/index.html
@@ -473,7 +473,28 @@
             rotationManager(e);
         })
         
+        canvas1.addEventListener("mouseenter",function(e){
+            document.getElementById("canvas1").classList.add('vitrail-hover');
+        })
         
+        canvas1.addEventListener("mouseleave",function(e){
+            document.getElementById("canvas1").classList.remove('vitrail-hover');
+        })
+        canvas2.addEventListener("mouseenter",function(e){
+            document.getElementById("canvas2").classList.add('vitrail-hover');
+        })
+        
+        canvas2.addEventListener("mouseleave",function(e){
+            document.getElementById("canvas2").classList.remove('vitrail-hover');
+        })
+        canvas3.addEventListener("mouseenter",function(e){
+            document.getElementById("canvas3").classList.add('vitrail-hover');
+        })
+        
+        canvas3.addEventListener("mouseleave",function(e){
+            document.getElementById("canvas3").classList.remove('vitrail-hover');
+        })
+
         canvas4.addEventListener("mouseenter",function(e){
             document.getElementById("canvas4").classList.add('vitrail-hover');
         })