Fix icons invisible on iOS

It was ONLY because of flex-direction being row by default. Switched to column, does the trick… !?%@

src/style/molecules/_globe.scss

@@ -67,7 +67,7 @@
             width: 8px;
             height: 8px;
             padding: 4px;
-            border-radius: 100%;
+            border-radius: 50%;
             opacity: 1;
             background: #ff6c89;
             will-change: transform;

src/style/molecules/_location.scss

@@ -22,7 +22,7 @@
         width: 32px;
         height: auto;
         margin: 0 auto;
-        border-radius: 100%;
+        border-radius: 50%;
     }
 
     // City
@@ -75,7 +75,7 @@
         width: 184px;
         height: 184px;
         background: rgba($color-lightpurple, 0.3);
-        border-radius: 100%;
+        border-radius: 50%;
         transition: transform 0.3s $ease-quart, opacity 0.3s $ease-quart;
         will-change: transform;