hero buttons bugs fixed

src/assets/styles/_header.scss

@@ -128,7 +128,7 @@
   align-items: center;
   transition: all 0.3s linear;
   transform: translateY(-100%);
-  // z-index: -1;
+  z-index: 2;
   flex-direction: column;
 }
 

src/assets/styles/_hero.scss

@@ -1,10 +1,10 @@
 .hero {
   height: 60rem;
-  background: url('../images/hero-remake.png');
+  background: url("../images/hero-remake.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
-  z-index: -2;
+  // z-index: -2;
 }
 
 .hero-wrapper,
@@ -61,6 +61,9 @@
   }
 }
 @media (max-width: 768px) {
+  .hero {
+    background-position: right;
+  }
   .hero-button {
     width: 24rem;
     height: 8rem;

src/components/Hero.jsx

@@ -1,6 +1,6 @@
 // Modules
-import React from 'react';
-import { Link } from 'react-router-dom';
+import React from "react";
+import { Link } from "react-router-dom";
 
 const Hero = () => {
   return (
@@ -8,10 +8,14 @@ const Hero = () => {
       <div className="container">
         <div className="hero-wrapper">
           <div className="buttons-wrapper">
-            <a href="https://tmex.gov.tm/tm" target="_blank" className="hero-button">
+            <a
+              href="https://tmex.gov.tm/tm"
+              target="_blank"
+              className="hero-button"
+            >
               Перейти на торговую площадку
             </a>
-            <a href="" className="hero-button">
+            <a href="/" className="hero-button">
               Подать документы онлайн
             </a>
           </div>