Temporary place illustration, Half globe on credits style

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

@@ -129,7 +129,7 @@
 		</a>
 	</div>
 
-	<div class="wrap place__description--wrap">
+	<div class="place__description--wrap wrap">
 		<div class="place__description">
 			<div class="wrapper">
 				<p>{$site.description}</p>
@@ -149,6 +149,12 @@
 			</div>
 		</div>
 	</div>
+
+	<div class="place__illustration">
+		<div class="place__illustration--left side"></div>
+		<div class="place__illustration--center"></div>
+		<div class="place__illustration--right side"></div>
+	</div>
 </section>
 
 <section class="photos photos--{layoutSetting || 'list'}">

src/style/pages/_page.scss

@@ -62,4 +62,9 @@
             }
         }
     }
+
+    // Globe
+    .globe--part {
+        margin-top: 8vw;
+    }
 }

src/style/pages/_place.scss

@@ -1,8 +1,10 @@
 // Place section
 .place {
+    position: relative;
     background-position: 50% 0;
     background-size: 100%;
     background-repeat: no-repeat;
+    overflow-x: hidden;
 
     // Title
     &__title {
@@ -132,4 +134,16 @@
             }
         }
     }
+
+    // Background illustration
+    &__illustration {
+        position: absolute;
+        z-index: 0;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: url(/img/illustration.png) 0 0 no-repeat;
+        background-size: 100% auto;
+    }
 }