Globe: Add hover on marker dot, Comment code

src/style/_animations.scss

@@ -112,3 +112,17 @@
     0% { transform: translateY(0); }
     50% { transform: translateY(-3px); }
 }
+
+
+/*
+** Globe
+*/
+// Marker
+@keyframes globeMarkerPulse {
+    0% {
+        box-shadow: 0 0 0 0 rgba($color-secondary, 1);
+    }
+    100% {
+        box-shadow: 0 0 0 32px rgba(#fff, 0);
+    }
+}

src/style/molecules/_globe.scss

@@ -26,6 +26,7 @@
     // Marker
     .marker {
         position: absolute;
+        z-index: 2;
         cursor: pointer;
         display: block;
         top: 0;
@@ -35,11 +36,18 @@
         border-radius: 100%;
         opacity: 1;
         background: #ff6c89;
+        will-change: transform;
 
         span {
             transition: color 0.4s $ease-quart;
         }
 
+        // Hover glow effect
+        &.hover {
+            animation: globeMarkerPulse 1s;
+        }
+
+        // Label
         &__label {
             position: absolute;
             bottom: -230%;