style: add mobile-specific background image styling to hero section

2026-06-23 11:10:28 +03:00
parent f1c7e57e43
commit e3e7ac7f18
1 changed files with 23 additions and 0 deletions
@@ -78,4 +78,27 @@
 	left: 50%;
 	transform: translateX(-50%) !important;
 }
+
+@media (max-width: 767.98px) {
+  .image-wrapper {
+    background-image: none !important;
+    position: relative !important;
+  }
+  .image-wrapper::before {
+    content: "" !important;
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 100% !important;
+    height: 100vh !important;
+    background-image: linear-gradient(rgba(30, 34, 40, 0.45), rgba(30, 34, 40, 0.45)), url('{{ $hero_bg }}') !important;
+    background-size: cover !important;
+    background-position: center center !important;
+    background-repeat: no-repeat !important;
+    z-index: -1 !important;
+  }
+  .image-wrapper .divider {
+    display: none !important;
+  }
+}
 </style>