Location: Change markup of the place's name

src/routes/location/[country]/[location].svelte

@@ -104,9 +104,14 @@
 
 <section class="place">
     <div class="place__title">
-        <h1 class="title-location title-location--big">
-            <span class="top">Houses <em>of</em></span>
-            <span class="bottom">{location.name}</span>
+        <h1 class="title-location title-location--big" aria-label="Houses of {location.name}">
+            <span class="place__top anim-mask">
+                <span class="place__title_houses">Houses</span>
+                <em class="place__title_of">of</em>
+            </span>
+            <span class="place__title_bottom anim-mask">
+                <span class="place__title_name">{location.name}</span>
+            </span>
         </h1>
 
         <a href="/choose" class="button-control button-control--big button-control--dashed">

src/style/pages/_place.scss

@@ -8,6 +8,8 @@
 
     // Title
     &__title {
+        position: relative;
+        z-index: 2;
         padding: pxVW(400) 0 pxVW(400);
         display: flex;
         justify-content: center;
@@ -27,14 +29,15 @@
             text-align: left;
             pointer-events: none;
 
-            span {
-                display: block;
+            .anim-translate {
+                display: inline-block;
             }
-            .bottom {
+        }
+
+        &_bottom {
             text-align: right;
             margin-left: pxVW(128);
         }
-        }
 
         // Switcher button
         .button-control--dashed {