diff --git a/web/client/assets/video/login_bg.mp4 b/web/client/assets/video/login_bg.mp4
index da9d72b..97be194 100644
Binary files a/web/client/assets/video/login_bg.mp4 and b/web/client/assets/video/login_bg.mp4 differ
diff --git a/web/client/assets/video/poms.png b/web/client/assets/video/poms.png
new file mode 100644
index 0000000..5c03fb4
Binary files /dev/null and b/web/client/assets/video/poms.png differ
diff --git a/web/client/assets/video/priming.gif b/web/client/assets/video/priming.gif
deleted file mode 100644
index c0f1866..0000000
Binary files a/web/client/assets/video/priming.gif and /dev/null differ
diff --git a/web/client/assets/video/priming.jpg b/web/client/assets/video/priming.jpg
deleted file mode 100644
index cba31f5..0000000
Binary files a/web/client/assets/video/priming.jpg and /dev/null differ
diff --git a/web/client/src/sections/auth/containers/login.jsx b/web/client/src/sections/auth/containers/login.jsx
index 461f81e..90dabb4 100644
--- a/web/client/src/sections/auth/containers/login.jsx
+++ b/web/client/src/sections/auth/containers/login.jsx
@@ -26,10 +26,6 @@ const Login = props => {
       }
    }, [user])
 
-
-
-
-
    return (
       <div style={{
          width: '100%',
@@ -40,30 +36,24 @@ const Login = props => {
          // position: 'relative',
       }}>
          <video
-            id='myVideo'
-            autoPlay
-            loop
-            // controls
-            muted
+            autoPlay loop muted
             style={{
                width: 'calc(100% - 512px)', objectFit: "fill", objectPosition: 'left top', height: '100%'
             }}
-            poster='/assets/video/priming.jpg'
             src="/assets/video/login_bg.mp4"
+            poster='/assets/video/poms.png'
             type="video/mp4"
-            preload='auto'
          />
-         {/* <img id="endPoster" src='/assets/video/priming.gif' style={{
-            width: "100%",
-            height: '100%',
-            objectFit: "cover",
-            objectPosition: 'left top',
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            zIndex: 5,
-            // display: 'none'
-         }} />  */}
+         {/* <img src='/assets/images/background/loginBackground.gif' style={{
+                width: "100%",
+                height: 'calc(100vh - 4px)',
+                objectFit: "cover",
+                objectPosition: 'left top',
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                zIndex: "5"
+            }} /> */}
          <div style={{
             width: 600,
             height: 90,
@@ -75,7 +65,7 @@ const Login = props => {
             zIndex: 5,
             fontSize: 14,
             color: ' #005ABD',
-            display: 'flex',
+            display:'flex',
             flexDirection: 'column',
             justifyContent: 'space-between',
          }}>