back image border

Pages/Index.razor

@@ -228,7 +228,10 @@
 </section>
 
 <div class="fixed-crossbrowser-background"></div>
-<div class="bg__img" data-image='marketplace'></div>
+<div style="width: 100%; height: 400px; position: relative">
+    <img style="width: 100%; height: 400px" src="img/border_main.png">
+    <div class="bg__img" data-image='marketplace'></div>
+</div>
 
 <section class="libary">
     <div class="wrapmain">
@@ -270,7 +273,10 @@
     </div>
 </section>
 
-<div class="bg__img" data-image='libary' id="blog"></div>
+<div style="width: 100%; height: 400px; position: relative">
+    <img style="width: 100%; height: 400px" src="img/border_main.png">
+    <div class="bg__img" data-image='libary' id="blog"></div>
+</div>
 
 <section class="blog">
     <div class="wrapmain">
@@ -333,7 +339,10 @@
     </div>
 </section>
 
-<div class="bg__img" data-image='blog' id="community"></div>
+<div style="width: 100%; height: 400px; position: relative">
+    <img style="width: 100%; height: 400px" src="img/border_main.png">
+    <div class="bg__img" data-image='blog' id="community"></div>
+</div>
 
 <section class="community">
     <div class="wrapmain">
@@ -502,7 +511,10 @@
     </NotAuthorized>
 </AuthorizeView>
 
-<div class="bg__img" data-image='contacts' id="contacts"></div>
+<div style="width: 100%; height: 400px; position: relative">
+    <img style="width: 100%; height: 400px" src="img/border_main.png">
+    <div class="bg__img" data-image='contacts' id="contacts"></div>
+</div>
 
 <section class="contacts">
     <div class="wrapmain">
@@ -906,8 +918,8 @@
     .bg__img {
         width: 100%;
         height: 400px;
-        border-top: 5px solid #3a474d;
-        border-bottom: 5px solid #3a474d;
+/*        border-top: 5px solid #3a474d;
+        border-bottom: 5px solid #3a474d;*/
     }
 
     .bg__img_nomargin {