diff --git a/resources/views/templates/home/hero.blade.php b/resources/views/templates/home/hero.blade.php
index 460b5a0..d8971b9 100644
--- a/resources/views/templates/home/hero.blade.php
+++ b/resources/views/templates/home/hero.blade.php
@@ -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>