diff --git a/src/index.css b/src/index.css
index 49b06f4..f61da14 100644
--- a/src/index.css
+++ b/src/index.css
@@ -955,6 +955,27 @@ TODO: Responsive ===========================
   padding-inline: 1rem;
 }
 
+.auth-bg {
+  background-image: url("./assets/images/left-myft.jpg");
+  background-repeat: no-repeat;
+  background-size: cover;
+  border: none;
+  /* box-shadow: inset 0 0 10px 20px #fff; */
+}
+
+.auth-bg::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    to right,
+    transparent 0%,
+    transparent 50%,
+    transparent 95%,
+    rgb(255, 255, 255) 100%
+  );
+}
+
 /* For IE10 */
 .content-wrapper select::-ms-expand {
   display: none;