added boris lab image

.env.development

@@ -1,3 +1,3 @@
 #REACT_APP_API_HOST=http://localhost:3334/
-REACT_APP_API_HOST=https://pig.vault48.org/
+REACT_APP_API_HOST=https://pig.staging.vault48.org/
-REACT_APP_REMOTE_CURRENT=https://pig.vault48.org/static/
+REACT_APP_REMOTE_CURRENT=https://pig.staging.vault48.org/static/

src/components/containers/Square/index.tsx

@@ -0,0 +1,16 @@
+import React, { FC } from 'react';
+import styles from './styles.module.scss';
+import { DivProps } from '~/utils/types';
+import classNames from 'classnames';
+
+interface IProps extends DivProps {}
+
+const Square: FC<IProps> = ({ children, ...rest }) => (
+  <div className={styles.square}>
+    <div {...rest} className={classNames(styles.content, rest.className)}>
+      {children}
+    </div>
+  </div>
+);
+
+export { Square };

src/components/containers/Square/styles.module.scss

@@ -0,0 +1,12 @@
+.square {
+  position: relative;
+  padding-bottom: 100%;
+}
+
+.content {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}

src/components/lab/LabBanner/index.tsx

@@ -3,11 +3,12 @@ import styles from './styles.module.scss';
 import { Card } from '~/components/containers/Card';
 import { Placeholder } from '~/components/placeholders/Placeholder';
 import { Group } from '~/components/containers/Group';
+import { Square } from '~/components/containers/Square';
 
 interface IProps {}
 
 const LabBanner: FC<IProps> = () => (
-  <Card className={styles.wrap}>
+  <Square className={styles.wrap}>
     <Group>
       <div className={styles.title}>Лаборатория!</div>
 
@@ -18,14 +19,9 @@ const LabBanner: FC<IProps> = () => (
             пределами Убежища.
           </strong>
         </p>
-
-        <p>
-          Ловим радиоактивных жуков, приручаем утконосов-вампиров, катаемся на младшем научном
-          сотруднике Егоре Порсифоровиче (у него как раз сейчас линька).
-        </p>
       </Group>
     </Group>
-  </Card>
+  </Square>
 );
 
 export { LabBanner };

src/components/lab/LabBanner/styles.module.scss

@@ -2,12 +2,14 @@
 
 .wrap {
   @include outer_shadow;
-  @include lab_gradient;
 
+  background: url('../../../sprites/boris_lab.svg') 50% 50% no-repeat;
+  background-size: cover;
   display: flex;
-  align-items: flex-end;
+  align-items: flex-start;
   justify-content: stretch;
-  min-height: $cell;
+  border-radius: $radius;
+  padding: $gap;
 }
 
 .title {
@@ -18,8 +20,4 @@
 .content {
   font: $font_14_regular;
   line-height: 19px;
-
-  strong {
-    font-weight: bold;
-  }
 }