Globe: Temporary fix for responsive sizing, Add correct margins top/bottom

- Ideally the globe would have to get the size within its container (.globe), set via CSS and not on the window

src/style/molecules/_location.scss

@@ -69,17 +69,19 @@
         z-index: 1;
         top: 50%;
         left: 50%;
-        transform: scale(0.6) translate(-50%, -50%);
+        transform: scale(0.6) translate(-50%, -50%) translateZ(0);
         transform-origin: 0 0;
         display: block;
-        width: 216px;
-        height: 216px;
+        width: 184px;
+        height: 184px;
         background: rgba($color-lightpurple, 0.3);
         border-radius: 100%;
         transition: transform 0.3s $ease-quart, opacity 0.3s $ease-quart;
+        will-change: transform;
 
         @include breakpoint (sm) {
-            transform: scale(0.94) translate(-50%, -50%);
+            width: 216px;
+            height: 216px;
         }
     }
 }