page school main image update

src/style/components/page-school.scss

@@ -1,39 +0,0 @@
-@import "../variables";
-
-.page-school {
-  &.ng-leave {
-    transform-origin: 0% 0%;
-    animation: rotateFall $short-duration both ease-in;
-  }
-
-  &.ng-enter {
-    animation: scaleUp $short-duration both ease-in;
-  }
-
-}
-
-.hudozka-title {
-  padding: $double-margin 0;
-
-  text-align: center;
-
-  p {
-    color: $light-color;
-    margin-bottom: $single-margin;
-  }
-
-  h1 {
-    margin-top: $single-margin;
-    font-size: 2em;
-  }
-}
-
-@media (max-width: $mobile-width) {
-  .hudozka-title {
-    text-align: center;
-
-    h1 {
-      font-size: 1em;
-    }
-  }
-}

src/style/components/parallax.scss

@@ -1,12 +1,15 @@
 @import "../variables";
 
 .parallax {
+  min-width: 1280px;
   width: 1280px;
   height: 1000px;
-  margin: 0 auto;
-
-  position: relative;
   overflow: hidden;
+  position: relative;
+
+  //&__container {
+  //
+  //}
 
   &__layer {
     position: absolute;

src/style/main-image.scss

@@ -1,7 +1,18 @@
 @import "variables";
 
 .main-image{
+  width: 100%;
   display: flex;
   justify-content: center;
   overflow: hidden;
+
+  img {
+    width: 100%;
+    max-width: 1280px;
+  }
+
+  &__content {
+    min-width: 1280px;
+    width: 1280px;
+  }
 }

src/style/style.scss

@@ -16,7 +16,6 @@
 @import "components/album";
 @import "components/parallax";
 
-@import "components/page-school";
 @import "components/page-schedule";
 @import "components/page-collective";
 

src/templates/components/page-school.html

@@ -1,8 +1,14 @@
-<div class="content content_full" ng-switch="$.helloBlock">
-    <div class="main-image">
-        <img ng-switch-when="mobile-image"
-             src="https://static.shlisselburg.org/art/graphics/entrance.jpg" width="100%">
-        <parallax ng-switch-default></parallax>
+<div class="content content_full">
+    <div class="main-image" ng-switch="$.helloBlock">
+        <img src="https://static.shlisselburg.org/art/graphics/entrance.jpg"
+             ng-switch-when="mobile-image"
+        />
+
+        <div class="main-image__content"
+             ng-switch-default
+        >
+            <parallax></parallax>
+        </div>
     </div>
 </div>
 

src/templates/components/parallax.html

@@ -1,6 +1,8 @@
 <div class="parallax">
-    <div class="parallax__layer" ng-repeat="i in layers" ng-style="{top: i.y, left: i.x}">
-        <img ng-src="{{i.url}}" alt="">
+    <div class="parallax__container">
+        <div class="parallax__layer" ng-repeat="i in layers" ng-style="{top: i.y, left: i.x}">
+            <img ng-src="{{i.url}}" alt="">
+        </div>
+        <div class="parallax__end"></div>
     </div>
-    <div class="parallax__end"></div>
 </div>